{"_id":"@spaceone/design-system","_rev":"910-e2018bef20188e78a64e32669f6cf018","name":"@spaceone/design-system","dist-tags":{"latest":"0.1.1-dev.135","beta":"2.0.0-beta.81","console-release":"2.0.0-console-release-1.11.0.2","beta.33":"2.0.0-beta.33.9"},"versions":{"1.0.0":{"name":"@spaceone/design-system","version":"1.0.0","description":"SpaceONE Design System","author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.common.js","types":"dist/src/index.d.ts","publishConfig":{"access":"public"},"scripts":{"serve":"vue-cli-service serve","build":"env VUE_APP_BUILD_MOD=lib vue-cli-service build --target lib --name spaceone-design-system src/index.ts","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -s ./public -o .out","storybook":"start-storybook -p 6006 -s ./public","icon":"vsvg -s ./src/assets/icons -t ./src/components/atoms/icons/p-icons --es6","lottie":"cp -r ./src/assets/lottiefiles/* ./src/components/molecules/lottie/p-lotties","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@amcharts/amcharts4-geodata":"^4.1.18","@riophae/vue-treeselect":"^0.4.0","@vue/composition-api":"^0.6.7","ajv":"^6.12.0","animated-number-vue":"^1.0.0","axios":"^0.19.1","axios-auth-refresh":"^2.2.3","babel-preset-vue":"^2.0.2","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","chart.js":"^2.9.3","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.6.5","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^4.1.0","fuse.js":"^3.4.6","hashids":"^2.2.1","highlight.js":"^10.0.2","jsonwebtoken":"^8.5.1","liquor-tree":"^0.2.70","lockr":"^0.8.5","lodash":"^4.17.15","lottie-web":"^5.5.9","luxon":"^1.22.0","marked":"^1.0.0","numeral":"^2.0.6","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-chartjs":"^3.4.2","vue-codemirror":"^4.0.6","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-html2pdf":"^1.3.4","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-json-pretty":"^1.6.0","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-selecto":"^1.6.4","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.1","vuex":"^3.5.1","webfontloader":"^1.6.28"},"devDependencies":{"@babel/compat-data":"^7.10.3","@babel/runtime-corejs2":"^7.10.3","@fortawesome/fontawesome-free":"^5.13.0","@storybook/addon-a11y":"^5.3.1","@storybook/addon-actions":"^5.3.1","@storybook/addon-centered":"^5.3.1","@storybook/addon-console":"^1.2.1","@storybook/addon-docs":"^5.3.1","@storybook/addon-google-analytics":"^5.3.18","@storybook/addon-knobs":"^5.3.1","@storybook/addon-links":"^5.3.1","@storybook/addon-storysource":"^5.3.1","@storybook/addons":"^5.3.1","@storybook/cli":"^5.3.1","@storybook/preset-scss":"^1.0.2","@storybook/theming":"^6.1.9","@storybook/vue":"^5.3.1","@types/bytes":"^3.1.0","@types/chart.js":"^2.9.18","@types/color":"^3.0.1","@types/dompurify":"^2.0.1","@types/dragselect":"^1.13.0","@types/ejs":"^3.0.4","@types/lodash":"^4.14.149","@types/luxon":"^1.21.0","@types/numeral":"0.0.26","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","autoprefixer":"^9.7.4","axios-mock-adapter":"^1.17.0","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","css-loader":"^3.2.0","dayjs":"^1.8.36","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","node-sass":"^4.13.1","postcss":"^7.0.30","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.2","storybook-addon-vue-info":"^1.4.1","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"ca8aa1cbb0a0584f49abfe8ef268fea57fdcb2eb","_id":"@spaceone/design-system@1.0.0","_nodeVersion":"12.18.1","_npmVersion":"6.14.5","dist":{"integrity":"sha512-mFKve8z89llhI7dBlCHg0hkcAK9Cymxn6ZBfxMzf/tkWBIP59NLW8jzgX9xrOEcVS/joqU351iaKKE7TUSJtDQ==","shasum":"936cf9f9d7a94c41f6e390b64bf9bb858ac42952","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.0.0.tgz","fileCount":571,"unpackedSize":2267683,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf6yJYCRA9TVsSAnZWagAAn/gP/i7FujHouo3ySlWGIh2x\nsgcoOOMVxI8EGrzntFKS4+W9Xm1ZL7WUHkHnUI4tuBxE0sgjdWOPEYd38Je3\npOGg695Fw8tY4Dc9Ba/2Z28C6f6hQdcMiYfK4gEIyHUvA8+baPaPZECBfkm7\nhZLzjoE8n/WIqUql245KQcpw1sr6vDpB7iMa2/nYBAs75XhzW/C6kgsMQuWs\np64p7WgJiRxTACJLj7dDpgPnKGVP8vh8thzDgQkZpieE6fh/NuqhUSUGiPIW\niqzRnQ4bzWkyLfeNxmot8h1/TmxkU48tzNezm1NZppVeNC0iaf8kfePquBTd\nM0Ei4mZVIyUpTzakLrvOMVj8UX7P7z48d++gHb/ZD8+FEi1AgJNhxDlm0hVx\n/28yMCqo/SDeKv6kxZE9YCHR3rHc4LK3sayPOqqe8svm0Mo4b4sKKS96wIQb\nVxw5c0llh8a6qKW7beNyC/voezBPqXn2Gsqsj4tScBHip+WcCC8AMSCdQZi0\n7oKe3Hkv1Z9KcEV+AcX7NjzWwIlGU6ezGT9LlHpHnP6BdJNqcItekAtGCSwr\nPwce2R2mREwjSt5qJ1CNICeHQd5XzIO4mhVOZ7uIFIxKdqePnN3RrNqna8G5\neMdwfGlzVUz2XdTiHuUPlCwunr8YIBZmxaXgdjIHe8zMZm+LexQt3wZRDvr7\nfURy\r\n=ZNp7\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCa60a49/X+tt46yOnRj2+CSo8jSLCVnLCC5yp5sW+HBgIgX73z7XQRjmFWmGegHpiuxvDxBbRmcgzqMCOC05bruv4="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.0.0_1609245272344_0.8506270010804851"},"_hasShrinkwrap":false,"deprecated":"this package has been deprecated"},"1.0.1-0":{"name":"@spaceone/design-system","version":"1.0.1-0","description":"SpaceONE Design System","author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.common.js","types":"dist/src/index.d.ts","publishConfig":{"access":"public"},"scripts":{"serve":"vue-cli-service serve","build":"env VUE_APP_BUILD_MOD=lib vue-cli-service build --target lib --name spaceone-design-system src/index.ts","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -s ./public -o .out","storybook":"start-storybook -p 6006 -s ./public","icon":"vsvg -s ./src/assets/icons -t ./src/components/atoms/icons/p-icons --es6","lottie":"cp -r ./src/assets/lottiefiles/* ./src/components/molecules/lottie/p-lotties","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@amcharts/amcharts4-geodata":"^4.1.18","@riophae/vue-treeselect":"^0.4.0","@vue/composition-api":"^0.6.7","ajv":"^6.12.0","animated-number-vue":"^1.0.0","axios":"^0.19.1","axios-auth-refresh":"^2.2.3","babel-preset-vue":"^2.0.2","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","chart.js":"^2.9.3","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.6.5","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^4.1.0","fuse.js":"^3.4.6","hashids":"^2.2.1","highlight.js":"^10.0.2","jsonwebtoken":"^8.5.1","liquor-tree":"^0.2.70","lockr":"^0.8.5","lodash":"^4.17.15","lottie-web":"^5.5.9","luxon":"^1.22.0","marked":"^1.0.0","numeral":"^2.0.6","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-chartjs":"^3.4.2","vue-codemirror":"^4.0.6","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-html2pdf":"^1.3.4","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-json-pretty":"^1.6.0","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-selecto":"^1.6.4","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.1","vuex":"^3.5.1","webfontloader":"^1.6.28"},"devDependencies":{"@babel/compat-data":"^7.10.3","@babel/runtime-corejs2":"^7.10.3","@fortawesome/fontawesome-free":"^5.13.0","@storybook/addon-a11y":"^5.3.1","@storybook/addon-actions":"^5.3.1","@storybook/addon-centered":"^5.3.1","@storybook/addon-console":"^1.2.1","@storybook/addon-docs":"^5.3.1","@storybook/addon-google-analytics":"^5.3.18","@storybook/addon-knobs":"^5.3.1","@storybook/addon-links":"^5.3.1","@storybook/addon-storysource":"^5.3.1","@storybook/addons":"^5.3.1","@storybook/cli":"^5.3.1","@storybook/preset-scss":"^1.0.2","@storybook/theming":"^6.1.9","@storybook/vue":"^5.3.1","@types/bytes":"^3.1.0","@types/chart.js":"^2.9.18","@types/color":"^3.0.1","@types/dompurify":"^2.0.1","@types/dragselect":"^1.13.0","@types/ejs":"^3.0.4","@types/lodash":"^4.14.149","@types/luxon":"^1.21.0","@types/numeral":"0.0.26","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","autoprefixer":"^9.7.4","axios-mock-adapter":"^1.17.0","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","css-loader":"^3.2.0","dayjs":"^1.8.36","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","node-sass":"^4.13.1","postcss":"^7.0.30","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.2","storybook-addon-vue-info":"^1.4.1","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"ca8aa1cbb0a0584f49abfe8ef268fea57fdcb2eb","_id":"@spaceone/design-system@1.0.1-0","_nodeVersion":"12.18.1","_npmVersion":"6.14.5","dist":{"integrity":"sha512-XG/L5d2IZ1IW9cpKMSMsV/QavFoZanjqZyX7glFWshTowskApGK0cDA+D5pYAbqMR4A+AIQjGKGTwUXyjOBf/g==","shasum":"d8e5a46e26c26258e2ae0b518b1d977dca606217","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.0.1-0.tgz","fileCount":835,"unpackedSize":45996408,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf6zCVCRA9TVsSAnZWagAAQicP/1HKWfUZtNrg44nXE9VR\nTiUAwUk6gVtOtHpqHxi614xZwnY00sNiBDU9DzKb3clCw95Qp5soVif/n4fD\npQYc4uznUx1JbprkKZ0JsyviKI6GHkgoEqysrP7++HF9dfEVE+q79kFnEm94\nAgP1Y0UfVOnnMRQx5V+R12mY4yTSihogeRoqhP0zuxjnjaDFrGhg8aIV/9AM\nAVw6IfEEPCYLBbsW+z/S05jxsIZMVPXuB6fDQ1Q0tOIfL5aDterrNh3LxIFc\n83hH9LZDcNEAv9VG33KrQKMcnwzUB4+HnUjH6IbKGLarwmRTMoRv6bgvDeq1\ne21gvejZH1US4/Ks/AFfQNBwRSPNsmtkvX1l78Q2bd4CdoplCijx0wRHFX8W\npXW6wUGhTMO8G0nv3JFVfVntmJZphnXOeydnESkje3l8OKRaqfo730lu/Hc0\n5hamO0CziyW0juJdS9alZtLNrWPqtFjVqQlRbgBEnwVpg04ro7rYervOnKtP\n3X2grZYXdDfKQBDOve44yBpIbaMPltfIqXJITWM7QN5/OCCZ5kKkapSOfDMb\ntsA+JGiTGJxkkkHwoDGnKuRpMrsMOJ+NnR2i5+ivc+8K+hSUlbmiqRVtVf2y\nlwdD9r6CareuaxpK7Jk3WxBHEeKWyxGYz3bMgJqAoFQYG7mvtRmqVBWoLEuA\nWmhh\r\n=XhP7\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDuYE1l4+z5ikNT7HsCt1o8cr46lWkD4Hqb3d95ggW22gIgTdIMrLDgyje5eTIMhS5FmCmpf9UmrME0wcoItZn0Vd8="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.0.1-0_1609248916905_0.6986981216567321"},"_hasShrinkwrap":false,"deprecated":"this package has been deprecated"},"1.0.1-1":{"name":"@spaceone/design-system","version":"1.0.1-1","description":"SpaceONE Design System","author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.common.js","types":"dist/src/index.d.ts","publishConfig":{"access":"public"},"scripts":{"serve":"vue-cli-service serve","build":"env VUE_APP_BUILD_MOD=lib vue-cli-service build --target lib --name spaceone-design-system src/index.ts","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -s ./public -o .out","storybook":"start-storybook -p 6006 -s ./public","icon":"vsvg -s ./src/assets/icons -t ./src/components/atoms/icons/p-icons --es6","lottie":"cp -r ./src/assets/lottiefiles/* ./src/components/molecules/lottie/p-lotties","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@amcharts/amcharts4-geodata":"^4.1.18","@riophae/vue-treeselect":"^0.4.0","@vue/composition-api":"^0.6.7","ajv":"^6.12.0","animated-number-vue":"^1.0.0","axios":"^0.19.1","axios-auth-refresh":"^2.2.3","babel-preset-vue":"^2.0.2","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","chart.js":"^2.9.3","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.6.5","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^4.1.0","fuse.js":"^3.4.6","hashids":"^2.2.1","highlight.js":"^10.0.2","jsonwebtoken":"^8.5.1","liquor-tree":"^0.2.70","lockr":"^0.8.5","lodash":"^4.17.15","lottie-web":"^5.5.9","luxon":"^1.22.0","marked":"^1.0.0","numeral":"^2.0.6","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-chartjs":"^3.4.2","vue-codemirror":"^4.0.6","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-html2pdf":"^1.3.4","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-json-pretty":"^1.6.0","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-selecto":"^1.6.4","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.1","vuex":"^3.5.1","webfontloader":"^1.6.28"},"devDependencies":{"@babel/compat-data":"^7.10.3","@babel/runtime-corejs2":"^7.10.3","@fortawesome/fontawesome-free":"^5.13.0","@storybook/addon-a11y":"^5.3.1","@storybook/addon-actions":"^5.3.1","@storybook/addon-centered":"^5.3.1","@storybook/addon-console":"^1.2.1","@storybook/addon-docs":"^5.3.1","@storybook/addon-google-analytics":"^5.3.18","@storybook/addon-knobs":"^5.3.1","@storybook/addon-links":"^5.3.1","@storybook/addon-storysource":"^5.3.1","@storybook/addons":"^5.3.1","@storybook/cli":"^5.3.1","@storybook/preset-scss":"^1.0.2","@storybook/theming":"^6.1.9","@storybook/vue":"^5.3.1","@types/bytes":"^3.1.0","@types/chart.js":"^2.9.18","@types/color":"^3.0.1","@types/dompurify":"^2.0.1","@types/dragselect":"^1.13.0","@types/ejs":"^3.0.4","@types/lodash":"^4.14.149","@types/luxon":"^1.21.0","@types/numeral":"0.0.26","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","autoprefixer":"^9.7.4","axios-mock-adapter":"^1.17.0","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","css-loader":"^3.2.0","dayjs":"^1.8.36","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","node-sass":"^4.13.1","postcss":"^7.0.30","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.2","storybook-addon-vue-info":"^1.4.1","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"3c56fa27eadb18a1ffc30e7e3f47095d6320da8b","_id":"@spaceone/design-system@1.0.1-1","_nodeVersion":"12.18.1","_npmVersion":"6.14.5","dist":{"integrity":"sha512-hhCF5C8UAYPUvSEsnQcrEgCzUVWCC7iJnVpAuKsQPasEwqEURPY4cZuRjerpXI8g8rNi9cA3OOD22m5aMsJhSw==","shasum":"f6a4a0c5e7cab5e1e749c91e9438d320fdc777f0","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.0.1-1.tgz","fileCount":835,"unpackedSize":47575201,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf6zXKCRA9TVsSAnZWagAABH0P/jgUiaZgT3785iGib2Gi\nhDr9ZvlLaERUAx60eLHWpheHFC5pPyNRwNa4mpI/dchnvDxHc7udo4fjpiCS\n0vg0Wf+a9WhNm967plf+YCqgQYey5S0CCU75fnx5DuismdS5qHoqY3dNF0TE\nl4gnWt5laPXtRANFN7XqcqtP/BrNbuU+jCL6vIZu3lMGTfZyUaDCHkat0hHO\nsMkn2XujPyEddGEBI8xDUcm/NeS3BEjKS6PnKLM7+wIY38HUvWo6q4muQoco\n7N7OJMxbnb/Sx52Y+TiiG5nnrZBCiJKx/JO4EOAQ2D0JQhfA1RkKdXZ2U/HW\nTKOqkHykjjYSpzJaZvf2ds4/41uceF2WPk0ncy63ACgv7dZpx/rXKLmsP/xW\ng8xhRrnuj7wtWbIeIqQ5824e7+q8idf5R69y+J/z2WEKH14IdKh57ff32iHi\niQnBWL3Pr0P/2gbswXazgCGk1okCovVLJI8fv9PPUE6753OZo4BgVP/c9jbd\npuD4IpdK5bpkatSMrcLpqE9hqQTgECH2wFb3ptdOazlLgaVTNyrWfBNfjOc7\n9g9kYXgU/L73wR6YF+3s6+2QmDa1Xv5i7dg8xfaaQWPeqCiGIfTcAibv9lVZ\ntBqQvFeJZgOVZswBiGVVx7ydvu8YnCn//t+W/XRjbBHdsRdAv2c5AhhIBWJ6\nDvRR\r\n=0vYR\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICKWBXsVHa9IyLNGrtiQzYTJnJkoJMEvLFZ4HyCVS0NnAiEApvTzandZa21qjo+imZqCvWvDONvkLAg2etZ+NRJceJk="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.0.1-1_1609250250090_0.9244042274287227"},"_hasShrinkwrap":false,"deprecated":"this package has been deprecated"},"1.0.1-2":{"name":"@spaceone/design-system","version":"1.0.1-2","description":"SpaceONE Design System","author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.common.js","types":"types/index.d.ts","publishConfig":{"access":"public"},"scripts":{"serve":"vue-cli-service serve","build":"env VUE_APP_BUILD_MOD=lib vue-cli-service build --target lib --name spaceone-design-system src/index.ts","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -s ./public -o .out","storybook":"start-storybook -p 6006 -s ./public","icon":"vsvg -s ./src/assets/icons -t ./src/components/atoms/icons/p-icons --es6","lottie":"cp -r ./src/assets/lottiefiles/* ./src/components/molecules/lottie/p-lotties","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@amcharts/amcharts4-geodata":"^4.1.18","@riophae/vue-treeselect":"^0.4.0","@vue/composition-api":"^0.6.7","ajv":"^6.12.0","animated-number-vue":"^1.0.0","axios":"^0.19.1","axios-auth-refresh":"^2.2.3","babel-preset-vue":"^2.0.2","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","chart.js":"^2.9.3","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.6.5","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^4.1.0","fuse.js":"^3.4.6","hashids":"^2.2.1","highlight.js":"^10.0.2","jsonwebtoken":"^8.5.1","liquor-tree":"^0.2.70","lockr":"^0.8.5","lodash":"^4.17.15","lottie-web":"^5.5.9","luxon":"^1.22.0","marked":"^1.0.0","numeral":"^2.0.6","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-chartjs":"^3.4.2","vue-codemirror":"^4.0.6","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-html2pdf":"^1.3.4","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-json-pretty":"^1.6.0","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-selecto":"^1.6.4","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.1","vuex":"^3.5.1","webfontloader":"^1.6.28"},"devDependencies":{"@babel/compat-data":"^7.10.3","@babel/runtime-corejs2":"^7.10.3","@fortawesome/fontawesome-free":"^5.13.0","@storybook/addon-a11y":"^5.3.1","@storybook/addon-actions":"^5.3.1","@storybook/addon-centered":"^5.3.1","@storybook/addon-console":"^1.2.1","@storybook/addon-docs":"^5.3.1","@storybook/addon-google-analytics":"^5.3.18","@storybook/addon-knobs":"^5.3.1","@storybook/addon-links":"^5.3.1","@storybook/addon-storysource":"^5.3.1","@storybook/addons":"^5.3.1","@storybook/cli":"^5.3.1","@storybook/preset-scss":"^1.0.2","@storybook/theming":"^6.1.9","@storybook/vue":"^5.3.1","@types/bytes":"^3.1.0","@types/chart.js":"^2.9.18","@types/color":"^3.0.1","@types/dompurify":"^2.0.1","@types/dragselect":"^1.13.0","@types/ejs":"^3.0.4","@types/lodash":"^4.14.149","@types/luxon":"^1.21.0","@types/numeral":"0.0.26","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","autoprefixer":"^9.7.4","axios-mock-adapter":"^1.17.0","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","css-loader":"^3.2.0","dayjs":"^1.8.36","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","node-sass":"^4.13.1","postcss":"^7.0.30","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.2","storybook-addon-vue-info":"^1.4.1","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"3c56fa27eadb18a1ffc30e7e3f47095d6320da8b","_id":"@spaceone/design-system@1.0.1-2","_nodeVersion":"12.18.1","_npmVersion":"6.14.5","dist":{"integrity":"sha512-olHYBt3bNGqazMxHi0jvq9hbbLV17dfPQy9vGtJOXQ42NENs5bjoY0KEf3iizT+c9+YLjutYA7glOh0KrXiZhA==","shasum":"ba2d50278bcaae1dc9a9bd264fdaee274d7ca77f","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.0.1-2.tgz","fileCount":835,"unpackedSize":44146182,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf60baCRA9TVsSAnZWagAAF4AP/RoBwlKkJcf2Rvr24h1T\nOxibvAvF6eNx9OOt3qOxQ8EQgA0sN4wJ3c9NgQPIkrUtDYv5QJlXG/jN382A\n43fmWV7EmulJvvGeyrwAx3vjmLmzdKmdoolxzZ903X5ca/g26jH4lMMWWz9z\nAPJ5dmVQNQ13Zujn6zYON6dV6grRQL0sK2MLzFz4xkLX9gQvIajoMZLhLDxI\nXEnD+SmhNnGy704mxBANE0hmDVnslbYWY0AFSJ/Anulp4q6AYZnx4bV+thNV\ntizjqLwEGu+wEpN6+avmprzrPdT9l1/pPoqXLq8kSAPLOMwpMAC3NlnbCZvz\nsmxAa4gUxPzai2SpugsJJ3w0HZA47bd/nJGNguVPtD5SWWYvO4DluFVFlTag\nF6k+BbX4liF7u5hH5Luy7zpbbgCKhKFeMNBhAjyxOpb1xCPBaE7xqOPgO3UM\nOEOjmgryWbpLDJqQwYbSyBO5CGnSRt1UuEeKrVq6XAPFxmQhFjuwARmoWsiI\nHg7j+O8rcGO77oO5F2PyyhVtG3n4bJcv86xzafYnDbuBqeu5okb/EItwAAmy\n+cRBz5JYhqovoPQiocNfMM22GpX0pPUrW+MR457jE00N0hu1UsECLlmnJ/BF\nDSgusnieNPxEZc7s8AgSwLhDr/Ne+aXKVD+Ym+Ff/hpFgQ+11bTAv/ajQZZN\nwR8x\r\n=1c1Z\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCID9mj2uHpnNnqQCvwAXC2ENyO6Irkb4Gxr5xZsLuToVJAiEAhHilOfXVIXxbPXMQbpv2HtYgUMJe0a4/gvKbAqitWxQ="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.0.1-2_1609254617701_0.12070940639265704"},"_hasShrinkwrap":false,"deprecated":"this package has been deprecated"},"1.0.1-3":{"name":"@spaceone/design-system","version":"1.0.1-3","description":"SpaceONE Design System","author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.common.js","unpkg":"dist/spaceone-design-system.umd.min.js","types":"types/index.d.ts","publishConfig":{"access":"public"},"scripts":{"serve":"vue-cli-service serve","build":"env VUE_APP_BUILD_MOD=lib vue-cli-service build --target lib --name spaceone-design-system src/index.ts","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -s ./public -o .out","storybook":"start-storybook -p 6006 -s ./public","icon":"vsvg -s ./src/assets/icons -t ./src/components/atoms/icons/p-icons --es6","lottie":"cp -r ./src/assets/lottiefiles/* ./src/components/molecules/lottie/p-lotties","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@amcharts/amcharts4-geodata":"^4.1.18","@riophae/vue-treeselect":"^0.4.0","@vue/composition-api":"^0.6.7","ajv":"^6.12.0","animated-number-vue":"^1.0.0","axios":"^0.19.1","axios-auth-refresh":"^2.2.3","babel-preset-vue":"^2.0.2","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","chart.js":"^2.9.3","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.6.5","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^4.1.0","fuse.js":"^3.4.6","hashids":"^2.2.1","highlight.js":"^10.0.2","jsonwebtoken":"^8.5.1","liquor-tree":"^0.2.70","lockr":"^0.8.5","lodash":"^4.17.15","lottie-web":"^5.5.9","luxon":"^1.22.0","marked":"^1.0.0","numeral":"^2.0.6","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-chartjs":"^3.4.2","vue-codemirror":"^4.0.6","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-html2pdf":"^1.3.4","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-json-pretty":"^1.6.0","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-selecto":"^1.6.4","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.1","vuex":"^3.5.1","webfontloader":"^1.6.28"},"devDependencies":{"@babel/compat-data":"^7.10.3","@babel/runtime-corejs2":"^7.10.3","@fortawesome/fontawesome-free":"^5.13.0","@storybook/addon-a11y":"^5.3.1","@storybook/addon-actions":"^5.3.1","@storybook/addon-centered":"^5.3.1","@storybook/addon-console":"^1.2.1","@storybook/addon-docs":"^5.3.1","@storybook/addon-google-analytics":"^5.3.18","@storybook/addon-knobs":"^5.3.1","@storybook/addon-links":"^5.3.1","@storybook/addon-storysource":"^5.3.1","@storybook/addons":"^5.3.1","@storybook/cli":"^5.3.1","@storybook/preset-scss":"^1.0.2","@storybook/theming":"^6.1.9","@storybook/vue":"^5.3.1","@types/bytes":"^3.1.0","@types/chart.js":"^2.9.18","@types/color":"^3.0.1","@types/dompurify":"^2.0.1","@types/dragselect":"^1.13.0","@types/ejs":"^3.0.4","@types/lodash":"^4.14.149","@types/luxon":"^1.21.0","@types/numeral":"0.0.26","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","autoprefixer":"^9.7.4","axios-mock-adapter":"^1.17.0","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","css-loader":"^3.2.0","dayjs":"^1.8.36","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","node-sass":"^4.13.1","postcss":"^7.0.30","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.2","storybook-addon-vue-info":"^1.4.1","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"e7cd2ac687cb194b1e7628fc960ff30e3bb96da1","_id":"@spaceone/design-system@1.0.1-3","_nodeVersion":"12.18.1","_npmVersion":"6.14.5","dist":{"integrity":"sha512-SR1m6P7Aj0MlIa8clI2nWeY7RW5mmWH+6ukvEVe3+niyWRYPsHvW4TnK2eE24Iz2v/azASu+6eAuWpqfH23OyA==","shasum":"a234ee8c3474cc5d7e14ee08a88b9e807f53dfcc","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.0.1-3.tgz","fileCount":1081,"unpackedSize":72473276,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf7A0TCRA9TVsSAnZWagAAOhgP/28Wbu5XivB3QK22FJ7/\nchjDGrZNJP2vXaLp8UWrJw0a7xmylGF0UWQMZAc/6B9FwS0jE9lnaSzDBrWs\nCDZvCLuhzi4G42Eh4U/s/K/Tv4g0SNqLj/MH1Q6tqrXE4KAl/9Puxzvm/svr\n3ZuWqWSrpNn//kQ+l+EtftjLRb2yVc+cL96dH9LbI6mNd6pRk7wHq9fP97mW\nyGfyGNhf+hLwqli0u4TYMqLnMTg1ExiF88lHlnHmyfKHS/1aWPMZRpgXoQeY\nsRtHiFrdbJcEbhIWQ2bWmxSKQTNb68lw2IwyqEAHBo0ZVjrpPE1bXFGshKCz\n6JHZvlv6+/xDNJHYkDbjImfuX/1htjWLt5Gv4V9Sl8TpcokpX0ZYFV8H82/K\nSPp694uWMIa5XOozWfvqRvTKDfZ/Rb5hYSsSwSGn0gJhMOd4rrIuHzy5d8ky\nyffyuSM0A61rug2m6i085Zqvg50JoohJ0MZl4fhlZnSORN/HxEydPJpTzEWN\nbOcmaEyag9mj3mMwgu7+g88B6YhNmT/Ib6O03Ry7BH6vYTKvPXQVqRTyFABZ\nHUtgtU5FGWO1vXpi7p6A7P5s/9GAGtOrtaRhlOEk/imY4Rw5MGJT4j5N92qY\nG5L2vmDayietPG4I3s6rQtGN6EXu4UW0kGiSPYnDjimEGLkAq9HQfjN4tscQ\nZ6Ri\r\n=Iuf4\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGxixH6b/Id/qSnbiflpXIRDK3KMSwUDfIpWcaLymXFlAiAPy/gfMVEcudWX+tDTOelocDNOuEGjQAlKy0mH2jd7Xg=="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.0.1-3_1609305362036_0.6468135886607276"},"_hasShrinkwrap":false,"deprecated":"this package has been deprecated"},"1.0.1-4":{"name":"@spaceone/design-system","version":"1.0.1-4","description":"SpaceONE Design System","author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.common.js","module":"src/components.js","unpkg":"dist/spaceone-design-system.umd.min.js","types":"types/index.d.ts","publishConfig":{"access":"public"},"keywords":["spaceone","design system","vue","vuejs"],"scripts":{"serve":"vue-cli-service serve","build":"env VUE_APP_BUILD_MOD=lib vue-cli-service build --target lib --name spaceone-design-system src/index.ts","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -s ./public -o .out","storybook":"start-storybook -p 6006 -s ./public","icon":"vsvg -s ./src/assets/icons -t ./src/components/atoms/icons/p-icons --es6","lottie":"cp -r ./src/assets/lottiefiles/* ./src/components/molecules/lottie/p-lotties","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@amcharts/amcharts4-geodata":"^4.1.18","@riophae/vue-treeselect":"^0.4.0","@vue/composition-api":"^0.6.7","ajv":"^6.12.0","animated-number-vue":"^1.0.0","axios":"^0.19.1","axios-auth-refresh":"^2.2.3","babel-preset-vue":"^2.0.2","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","chart.js":"^2.9.3","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.6.5","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^4.1.0","fuse.js":"^3.4.6","hashids":"^2.2.1","highlight.js":"^10.0.2","jsonwebtoken":"^8.5.1","liquor-tree":"^0.2.70","lockr":"^0.8.5","lodash":"^4.17.15","lottie-web":"^5.5.9","luxon":"^1.22.0","marked":"^1.0.0","numeral":"^2.0.6","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-chartjs":"^3.4.2","vue-codemirror":"^4.0.6","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-html2pdf":"^1.3.4","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-json-pretty":"^1.6.0","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-selecto":"^1.6.4","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.1","vuex":"^3.5.1","webfontloader":"^1.6.28"},"devDependencies":{"@babel/compat-data":"^7.10.3","@babel/runtime-corejs2":"^7.10.3","@fortawesome/fontawesome-free":"^5.13.0","@storybook/addon-a11y":"^5.3.1","@storybook/addon-actions":"^5.3.1","@storybook/addon-centered":"^5.3.1","@storybook/addon-console":"^1.2.1","@storybook/addon-docs":"^5.3.1","@storybook/addon-google-analytics":"^5.3.18","@storybook/addon-knobs":"^5.3.1","@storybook/addon-links":"^5.3.1","@storybook/addon-storysource":"^5.3.1","@storybook/addons":"^5.3.1","@storybook/cli":"^5.3.1","@storybook/preset-scss":"^1.0.2","@storybook/theming":"^6.1.9","@storybook/vue":"^5.3.1","@types/bytes":"^3.1.0","@types/chart.js":"^2.9.18","@types/color":"^3.0.1","@types/dompurify":"^2.0.1","@types/dragselect":"^1.13.0","@types/ejs":"^3.0.4","@types/lodash":"^4.14.149","@types/luxon":"^1.21.0","@types/numeral":"0.0.26","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","autoprefixer":"^9.7.4","axios-mock-adapter":"^1.17.0","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","css-loader":"^3.2.0","dayjs":"^1.8.36","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","node-sass":"^4.13.1","postcss":"^7.0.30","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.2","storybook-addon-vue-info":"^1.4.1","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"579c6094717893e80f1c299456d16a8c8a473b85","_id":"@spaceone/design-system@1.0.1-4","_nodeVersion":"12.18.1","_npmVersion":"6.14.5","dist":{"integrity":"sha512-OLAsUTEV19MvzqJ9xZszXWAUNBQHxzjsJ8ZCO0VuEDgd1ZKCdJuzLn7L3nBNhYuBr9jJLhCkVU4s999ihfjQOw==","shasum":"0bdf7c4cd195da809809b317cd5d27215080d388","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.0.1-4.tgz","fileCount":1082,"unpackedSize":72460696,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf7B2KCRA9TVsSAnZWagAANjwP/2YgpT8Oj6qTpPc2c7w5\nWwMeGFadttwv7T0NI8W6OAAu8/uow+5xjgp8DhcqorUIITTLhEBNJIPjOQ5U\n5BtPXvV71yOyvMwkZy0iiNJplQ8DB4NTtec/ty0XUudTwqp/K/AMa3VgjVNm\nmywJCis7ToW6GUuhoXAhJ2+k7vQNEqRgXBZJa3H8QXEDPSo+H+h2OQQ+gGBm\n533tvALzk/wMmV5Ahu2yVAJZMyqmY70uyptkuZnaCj0IlGwzONdwn3Fku+H3\n3ABzTJX0KMEsN8gQCi76bZI9DkGhTEDJZRBMhp8q3RZ8ER/YFncN1pwdmpeo\nc7tAhPND6Ika1+2ZGXKbJrxvLG5f3chN6AFYRu/TiS7WULMTr7qt540TM/0/\nFF3I1nhIQnAdPCoAjFl4SWUFhLXR/rsW7gBSDri2oR8ApePPf8aM/dSQFPgt\n+C/HyEPvnXJuAbj3gHbs+E0tQcnDauSWinfkioi3G0PuMka3bURqRGTMf3AP\nU/wV4ZfKYpUIlAh9uih6I1zzU5CUTHbpIjqCPxGKWOKXNjpbfaVSr5kkVaGI\n4jMXQjDHOzGnsjgWxxc4nkx5lJ/2uFvPQntL70hWYH+BEDjJLxboTy0GR4wE\nYLQqpTPLVwN2kVkRUqerCDzYME8F9irCm1QJ5xfYGwS6XHbe2uXGgFz1rUML\naBxe\r\n=8NzE\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCyF4jWmuPb//03RuBPkwpcZBkiSYbLm9bNu1ijQAT+YQIhALlCv5ZvITrhTytQ+7QXLVuAS67xx6nE7GNOk7Hygh/b"}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.0.1-4_1609309577028_0.821313246215279"},"_hasShrinkwrap":false,"deprecated":"this package has been deprecated"},"1.0.1-5":{"name":"@spaceone/design-system","version":"1.0.1-5","description":"SpaceONE Design System","author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/index.common.js","types":"types/index.d.ts","publishConfig":{"access":"public"},"keywords":["spaceone","design system","vue","vuejs"],"scripts":{"serve":"vue-cli-service serve","build":"env VUE_APP_BUILD_MOD=lib vue-cli-service build --target lib --name index src/index.ts","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -s ./public -o .out","storybook":"start-storybook -p 6006 -s ./public","icon":"vsvg -s ./src/assets/icons -t ./src/components/atoms/icons/p-icons --es6","lottie":"cp -r ./src/assets/lottiefiles/* ./src/components/molecules/lottie/p-lotties","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@amcharts/amcharts4-geodata":"^4.1.18","@riophae/vue-treeselect":"^0.4.0","@vue/composition-api":"^0.6.7","ajv":"^6.12.0","animated-number-vue":"^1.0.0","axios":"^0.19.1","axios-auth-refresh":"^2.2.3","babel-preset-vue":"^2.0.2","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","chart.js":"^2.9.3","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.6.5","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^4.1.0","fuse.js":"^3.4.6","hashids":"^2.2.1","highlight.js":"^10.0.2","jsonwebtoken":"^8.5.1","liquor-tree":"^0.2.70","lockr":"^0.8.5","lodash":"^4.17.15","lottie-web":"^5.5.9","luxon":"^1.22.0","marked":"^1.0.0","numeral":"^2.0.6","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-chartjs":"^3.4.2","vue-codemirror":"^4.0.6","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-html2pdf":"^1.3.4","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-json-pretty":"^1.6.0","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-selecto":"^1.6.4","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.1","vuex":"^3.5.1","webfontloader":"^1.6.28"},"devDependencies":{"@babel/compat-data":"^7.10.3","@babel/runtime-corejs2":"^7.10.3","@fortawesome/fontawesome-free":"^5.13.0","@storybook/addon-a11y":"^5.3.1","@storybook/addon-actions":"^5.3.1","@storybook/addon-centered":"^5.3.1","@storybook/addon-console":"^1.2.1","@storybook/addon-docs":"^5.3.1","@storybook/addon-google-analytics":"^5.3.18","@storybook/addon-knobs":"^5.3.1","@storybook/addon-links":"^5.3.1","@storybook/addon-storysource":"^5.3.1","@storybook/addons":"^5.3.1","@storybook/cli":"^5.3.1","@storybook/preset-scss":"^1.0.2","@storybook/theming":"^6.1.9","@storybook/vue":"^5.3.1","@types/bytes":"^3.1.0","@types/chart.js":"^2.9.18","@types/color":"^3.0.1","@types/dompurify":"^2.0.1","@types/dragselect":"^1.13.0","@types/ejs":"^3.0.4","@types/lodash":"^4.14.149","@types/luxon":"^1.21.0","@types/numeral":"0.0.26","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","autoprefixer":"^9.7.4","axios-mock-adapter":"^1.17.0","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","css-loader":"^3.2.0","dayjs":"^1.8.36","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","node-sass":"^4.13.1","postcss":"^7.0.30","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.2","storybook-addon-vue-info":"^1.4.1","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"579c6094717893e80f1c299456d16a8c8a473b85","_id":"@spaceone/design-system@1.0.1-5","_nodeVersion":"12.18.1","_npmVersion":"6.14.5","dist":{"integrity":"sha512-a01QVMWWjmjtrgq2v8ahoUtBC41UXJqh4100JNv89MAVqQ4+s2cV3YSzRFXBIbyOiYdKOzZhjEiBZqv6LRio6A==","shasum":"1d14857cc3faf9821325b83c0d45a8541c7bc0d0","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.0.1-5.tgz","fileCount":1083,"unpackedSize":73110435,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf7CRXCRA9TVsSAnZWagAAiPkP/0WiUoZ9xvYiYUKiMZhq\n/glHMTI23cexzwAb6WeT6U8Drz8kPmXs8elSyt8PIVz9TXq4Gs+HgM8j6II8\n2k8Ys9FIYvo3jVIkPJkFy+jgrhx0NlFpyNeO/N92pHqCm3phjk9LPk+ww2Zn\n6tUVXSU5Q9fvNER4Cyg1RK+LVYykTT6YYe1aIGt7p+66VAXBHebRgdhNr/Ax\nwuLH4ADfmphJyrhJoG9x2Spi6g39uDlXI6uJ1N027wGIPI6kPgHqh/pTg7Eo\ngw5KZ1NXDfhhwYty1DK/AXGbWHI463Y9C7/pxEwqUzkZ84gO0676aje7y0UT\nCzfxQu+a5APS4Hmh7rvL6re93+GSgd0351B5QcFSqT50dQzFN+XH6fkpaeRg\niPRX8kNp4cVMwM8s0NMWMzm0k3/e6tCHneusMkFxObWJvwzAxWFKC+8sCYwI\nXVpTPRq9E/hES0ELunNnm5kALqDJCh0YCujjU2zjNtAjgGaXTHNWyHTgvTAg\nfXFoMYx4OOsMs8ck2Xrp+gAFjLkQenkFKvh94T4i2hsnRjwYzD+tv627uWUh\n6sVNC8P831290jMc4sJELbMWFzNd6UISxZltJk0ptwATZcgbHL/5MgEs2kYd\nM5YjirR5W/CsjT8dPdvEosVOQBQzLmSpPIuCusk8qjuyfc4h0LQxRnuEH/r7\nQAql\r\n=9R2F\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDXQVorFqHqjr+geCS/kFcZa+n6n6hZIrdTNgaxFfo4qgIgL0xBiIuuQP2+RB2AvOAbXZhcVd50fjmSL8og1/bQwH4="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.0.1-5_1609311318233_0.10081563186609022"},"_hasShrinkwrap":false,"deprecated":"this package has been deprecated"},"1.0.1-6":{"name":"@spaceone/design-system","version":"1.0.1-6","description":"SpaceONE Design System","author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/index.umd.min.js","types":"types/index.d.ts","publishConfig":{"access":"public"},"keywords":["spaceone","design system","vue","vuejs","ui library","component"],"scripts":{"serve":"vue-cli-service serve","build":"vue-cli-service build --target lib --name index src/index.ts","build:wc":"env VUE_APP_BUILD_MOD=wc vue-cli-service build --target wc-async --name index src/**/*.vue","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -s ./public -o .out","storybook":"start-storybook -p 6006 -s ./public","icon":"vsvg -s ./src/assets/icons -t ./src/components/atoms/icons/p-icons --es6","lottie":"cp -r ./src/assets/lottiefiles/* ./src/components/molecules/lottie/p-lotties","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@amcharts/amcharts4-geodata":"^4.1.18","@riophae/vue-treeselect":"^0.4.0","@vue/composition-api":"^0.6.7","ajv":"^6.12.0","animated-number-vue":"^1.0.0","axios":"^0.19.1","axios-auth-refresh":"^2.2.3","babel-preset-vue":"^2.0.2","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","chart.js":"^2.9.3","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.6.5","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^4.1.0","fuse.js":"^3.4.6","hashids":"^2.2.1","highlight.js":"^10.0.2","jsonwebtoken":"^8.5.1","liquor-tree":"^0.2.70","lockr":"^0.8.5","lodash":"^4.17.15","lottie-web":"^5.5.9","luxon":"^1.22.0","marked":"^1.0.0","numeral":"^2.0.6","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-chartjs":"^3.4.2","vue-codemirror":"^4.0.6","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-html2pdf":"^1.3.4","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-json-pretty":"^1.6.0","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-selecto":"^1.6.4","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.1","vuex":"^3.5.1","webfontloader":"^1.6.28"},"devDependencies":{"@babel/compat-data":"^7.10.3","@babel/runtime-corejs2":"^7.10.3","@fortawesome/fontawesome-free":"^5.13.0","@storybook/addon-a11y":"^5.3.1","@storybook/addon-actions":"^5.3.1","@storybook/addon-centered":"^5.3.1","@storybook/addon-console":"^1.2.1","@storybook/addon-docs":"^5.3.1","@storybook/addon-google-analytics":"^5.3.18","@storybook/addon-knobs":"^5.3.1","@storybook/addon-links":"^5.3.1","@storybook/addon-storysource":"^5.3.1","@storybook/addons":"^5.3.1","@storybook/cli":"^5.3.1","@storybook/preset-scss":"^1.0.2","@storybook/theming":"^6.1.9","@storybook/vue":"^5.3.1","@types/bytes":"^3.1.0","@types/chart.js":"^2.9.18","@types/color":"^3.0.1","@types/dompurify":"^2.0.1","@types/dragselect":"^1.13.0","@types/ejs":"^3.0.4","@types/lodash":"^4.14.149","@types/luxon":"^1.21.0","@types/numeral":"0.0.26","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","autoprefixer":"^9.7.4","axios-mock-adapter":"^1.17.0","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","css-loader":"^3.2.0","dayjs":"^1.8.36","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","node-sass":"^4.13.1","postcss":"^7.0.30","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.2","storybook-addon-vue-info":"^1.4.1","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"8e18803e0e9649dcea64adee0b50c29716877ab3","_id":"@spaceone/design-system@1.0.1-6","_nodeVersion":"12.18.1","_npmVersion":"6.14.5","dist":{"integrity":"sha512-zgNArdzyfobYlWFiN40WotAV08qPMtgjIXgDt2kvt8inwV5sC/5gizJVKQV1CRjbpd+zB59h2zjWEFg26erzSw==","shasum":"712c2fbf74404269f28694eae018a09e4838f132","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.0.1-6.tgz","fileCount":1084,"unpackedSize":72435701,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf7JFKCRA9TVsSAnZWagAACqQP/Rcj2POM8laoqoQEz55H\nkfDNVbPywB/pVBif/MNNaOH4UjsQUWS/0uyvJz1NAfVlRojyjD1Lt0K//z5I\nv5etusDKHSJlZLpNn+hvefSIP+zbfL1NS8EXVjlz07VshnLEBJgS7k8Xf8H3\n8mKPk1P/YO9tb9TIErkVozJMs4YezVV1GW/j83MrvPhbj3SAbhPcU3UsUKvY\n5B/ueDvOViH8ACAu3WFELPlhIvRxoRAKvDoCFYtPuMHgnguctWc6xWEh0U/k\nYqGuDTQoQTuPVNW0n8+25AkaH3M7tLKrYx7oZYqKspCKbqO4MNOQ1p7MKLNi\nOXpN8Jpe1Okc2Epg99bARcQMLbBsnetn41wjjPfqpfth68IR+9jlQ150+kJD\nOOtio2R7cOOrEiMQm6nxZErxhhjcJiIMP7Ne915q1y0MYFv7ZjZmweL6WWca\nxmfWwHp69M82t4u3fsxTGCPZkCFA8ubxXa7GtPK1wg9jGH64XEpU6VCxWFR5\nOx2pYdmME4AqhAbTTOJniiXrtd58buksMPlGLBkIYhIew2sLvaSqVjrVVgSw\n1K73zTeiwPb33AftNh29bYh8i2n6u2G9jBBlh5b7TCQnzU02JJ+/KxRRkCBT\nyq+3yLcQWI2du0MSDKEt1v3S8W5N0Pvol+fngYYOQeI92NcjPmTAuIsjw1ii\nSaCG\r\n=NPzF\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFNzfPB5x2MmsqTsO4g9JT9+HxNvNdUXVGvOHrb3DOlQAiBzB30VUAdel/Oz7F4Byzc52NEsO7TCn6KWxm1WgXZIhg=="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.0.1-6_1609339209604_0.16777707306703005"},"_hasShrinkwrap":false,"deprecated":"this package has been deprecated"},"1.0.1-7":{"name":"@spaceone/design-system","version":"1.0.1-7","description":"SpaceONE Design System","author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/index.umd.min.js","types":"types/index.d.ts","publishConfig":{"access":"public"},"keywords":["spaceone","design system","vue","vuejs","ui library","component"],"scripts":{"serve":"vue-cli-service serve","build":"vue-cli-service build --target lib --name index src/index.ts","build:wc":"env VUE_APP_BUILD_MOD=wc vue-cli-service build --target wc-async --name index src/**/*.vue","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -s ./public -o .out","storybook":"start-storybook -p 6006 -s ./public","icon":"vsvg -s ./src/assets/icons -t ./src/components/atoms/icons/p-icons --es6","lottie":"cp -r ./src/assets/lottiefiles/* ./src/components/molecules/lottie/p-lotties","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@amcharts/amcharts4-geodata":"^4.1.18","@riophae/vue-treeselect":"^0.4.0","@vue/composition-api":"^0.6.7","ajv":"^6.12.0","animated-number-vue":"^1.0.0","axios":"^0.19.1","axios-auth-refresh":"^2.2.3","babel-preset-vue":"^2.0.2","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","chart.js":"^2.9.3","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.6.5","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^4.1.0","fuse.js":"^3.4.6","hashids":"^2.2.1","highlight.js":"^10.0.2","jsonwebtoken":"^8.5.1","liquor-tree":"^0.2.70","lockr":"^0.8.5","lodash":"^4.17.15","lottie-web":"^5.5.9","luxon":"^1.22.0","marked":"^1.0.0","numeral":"^2.0.6","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-chartjs":"^3.4.2","vue-codemirror":"^4.0.6","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-html2pdf":"^1.3.4","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-json-pretty":"^1.6.0","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-selecto":"^1.6.4","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.1","vuex":"^3.5.1","webfontloader":"^1.6.28"},"devDependencies":{"@babel/compat-data":"^7.10.3","@babel/runtime-corejs2":"^7.10.3","@fortawesome/fontawesome-free":"^5.13.0","@storybook/addon-a11y":"^5.3.1","@storybook/addon-actions":"^5.3.1","@storybook/addon-centered":"^5.3.1","@storybook/addon-console":"^1.2.1","@storybook/addon-docs":"^5.3.1","@storybook/addon-google-analytics":"^5.3.18","@storybook/addon-knobs":"^5.3.1","@storybook/addon-links":"^5.3.1","@storybook/addon-storysource":"^5.3.1","@storybook/addons":"^5.3.1","@storybook/cli":"^5.3.1","@storybook/preset-scss":"^1.0.2","@storybook/theming":"^6.1.9","@storybook/vue":"^5.3.1","@types/bytes":"^3.1.0","@types/chart.js":"^2.9.18","@types/color":"^3.0.1","@types/dompurify":"^2.0.1","@types/dragselect":"^1.13.0","@types/ejs":"^3.0.4","@types/lodash":"^4.14.149","@types/luxon":"^1.21.0","@types/numeral":"0.0.26","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","autoprefixer":"^9.7.4","axios-mock-adapter":"^1.17.0","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","css-loader":"^3.2.0","dayjs":"^1.8.36","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","node-sass":"^4.13.1","postcss":"^7.0.30","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.2","storybook-addon-vue-info":"^1.4.1","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"496714f37fe57fab2387a54398d932b272bece9b","_id":"@spaceone/design-system@1.0.1-7","_nodeVersion":"12.18.1","_npmVersion":"6.14.5","dist":{"integrity":"sha512-Mw3n6UfX1Thlrirmwt4x5f8kB5ea6s8l3+dT1HZHsmjdPcWrgrEJJxDtckHXMVtCNPQa9wKHSi1WKJbSudNWGA==","shasum":"2ad01184f2ba4293dda7277fe96fe490022e0222","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.0.1-7.tgz","fileCount":1092,"unpackedSize":71852810,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf7Jk+CRA9TVsSAnZWagAAVAsP/06P4hT1/WK0D3nlBgqY\nMv/DAhDsrmp90YBCl/HdZfUqh1htckeYaXCh1uQFWbvvNpgObyeoNxe2s1tJ\n1z0TwBPPPFcIGDlItL/EZ7703nKFq/hE7QUs/VAURrak1KJa9rSbcTV2Im/i\ngc6OLMXGgRdWHfwMFBu537V3IbO8UPbSErLqX3sq1dDTbKR+0T7Td1KbtytY\nBu47RLeQsa8lrLUQXeFIlA6FUHKHoR76Oe4I01lmZO56+C4YKLx/weUL6lGv\nFjs1/3sZ67bLNSxKzQT2JK2R1EGvMzH5tKm/aYJ5r6DYA7KvBYOQjNJqSDyV\n1fAuh/3e/w5HTHfVlwrY5cFv2mRlWzthhzNd6EPWUgGgl6Q5K64x9rEF4i+e\nQ6S5MHnYOf3QjJQz7MZRCvn5A1Anfzkdguocoz9Lf4Pr6pg9x3uyAxpxf7Ns\nfdPe8iTolg7JZ3kdXxpqRfjw6wuUPEPCLXQVr0OerH4m4LnVIPszxcC/zAMq\njsaDMeiYz/mjiw9zqIrqYMCfzJs6edREGIKM2D7VFWF4eohvmJKwRSFeHZp8\nVi3bKN+TsvHfQN7/imMRXpzyfNlOp1R0kidZNKjOcUoXmrQcPt/VeWdJOjR5\neuLHzPY/4Mv5VIhHibu6wCusTHjvppoF+go6edT3KsExwjtvPz9l7gHOrJ9y\nzOSY\r\n=bCv8\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICPk2TEILdVDzvmCCiM9yoLaVecoWmYoeZkTzmnv/Md1AiAsa+ipBDhdsyaXb0KT46cktCSybnYFer/d8WRAxnnA9g=="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.0.1-7_1609341245108_0.39094255735421757"},"_hasShrinkwrap":false,"deprecated":"this package has been deprecated"},"1.0.1-8":{"name":"@spaceone/design-system","version":"1.0.1-8","description":"SpaceONE Design System","author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/index.umd.min.js","types":"types/index.d.ts","publishConfig":{"access":"public"},"keywords":["spaceone","design system","vue","vuejs","ui library","component"],"scripts":{"serve":"vue-cli-service serve","build":"vue-cli-service build --target lib --name index src/index.ts","build:wc":"env VUE_APP_BUILD_MOD=wc vue-cli-service build --target wc-async --name index src/**/*.vue","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -s ./public -o .out","storybook":"start-storybook -p 6006 -s ./public","icon":"vsvg -s ./src/assets/icons -t ./src/components/atoms/icons/p-icons --es6","lottie":"cp -r ./src/assets/lottiefiles/* ./src/components/molecules/lottie/p-lotties","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@amcharts/amcharts4-geodata":"^4.1.18","@riophae/vue-treeselect":"^0.4.0","@vue/composition-api":"^0.6.7","ajv":"^6.12.0","animated-number-vue":"^1.0.0","axios":"^0.19.1","axios-auth-refresh":"^2.2.3","babel-preset-vue":"^2.0.2","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","chart.js":"^2.9.3","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.6.5","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^4.1.0","fuse.js":"^3.4.6","hashids":"^2.2.1","highlight.js":"^10.0.2","jsonwebtoken":"^8.5.1","liquor-tree":"^0.2.70","lockr":"^0.8.5","lodash":"^4.17.15","lottie-web":"^5.5.9","luxon":"^1.22.0","marked":"^1.0.0","numeral":"^2.0.6","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-chartjs":"^3.4.2","vue-codemirror":"^4.0.6","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-html2pdf":"^1.3.4","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-json-pretty":"^1.6.0","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-selecto":"^1.6.4","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.1","vuex":"^3.5.1","webfontloader":"^1.6.28"},"devDependencies":{"@babel/compat-data":"^7.10.3","@babel/runtime-corejs2":"^7.10.3","@fortawesome/fontawesome-free":"^5.13.0","@storybook/addon-a11y":"^5.3.1","@storybook/addon-actions":"^5.3.1","@storybook/addon-centered":"^5.3.1","@storybook/addon-console":"^1.2.1","@storybook/addon-docs":"^5.3.1","@storybook/addon-google-analytics":"^5.3.18","@storybook/addon-knobs":"^5.3.1","@storybook/addon-links":"^5.3.1","@storybook/addon-storysource":"^5.3.1","@storybook/addons":"^5.3.1","@storybook/cli":"^5.3.1","@storybook/preset-scss":"^1.0.2","@storybook/theming":"^6.1.9","@storybook/vue":"^5.3.1","@types/bytes":"^3.1.0","@types/chart.js":"^2.9.18","@types/color":"^3.0.1","@types/dompurify":"^2.0.1","@types/dragselect":"^1.13.0","@types/ejs":"^3.0.4","@types/lodash":"^4.14.149","@types/luxon":"^1.21.0","@types/numeral":"0.0.26","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","autoprefixer":"^9.7.4","axios-mock-adapter":"^1.17.0","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","css-loader":"^3.2.0","dayjs":"^1.8.36","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","node-sass":"^4.13.1","postcss":"^7.0.30","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.2","storybook-addon-vue-info":"^1.4.1","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"496714f37fe57fab2387a54398d932b272bece9b","_id":"@spaceone/design-system@1.0.1-8","_nodeVersion":"12.18.1","_npmVersion":"6.14.5","dist":{"integrity":"sha512-Anj4+LEFA43h4A60aLHlfRyvf/m+7JhvytL381uoiO7xIs8XIcNZmKHZ3eVPEdNgeEY/2quF9OTVUgHeuxFK8g==","shasum":"eac0900740a097e673549c2d168bb424818629d4","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.0.1-8.tgz","fileCount":1086,"unpackedSize":73027424,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf7LKoCRA9TVsSAnZWagAAYnYP/3e+0b22zj726N0GC58H\nUVQwEj9rgv/lNUMRsPoOIvFpgQg85a2k7IHZuMLccpFpA7y2Kk3ryfVtCJvT\ngVkaRBs8aq+TIq+/Rgxn3mRwEOk4gaUaqFn5xNY5gjI3TcYcalAG3SmGnvGw\nZTUWQ4MdzdQkLtLSJpkDl8xOaX99OZ+y8UikgJJk3djyRh/m8DYKL+qXk9dF\nR9ZWw3D62JNYJ0ceN3lQrPk8xXUi4SiyEFevOHVRGVD9p3oSb1rUktfaC0lo\n+kjWy19sy+F1t19agATlfdQF2p+clwqD+2afCExKF+jAxSjpudlf7JJgm1r6\nmbZLnOycPpstagYI86yV2dJ541d6X4b//kAGn+7DHyb1iNGkjwIoO1x+oNJR\n0a9jYBVSiGU0QFonjpBK1gCUgKrTMdWTfQk6Ro1oP3SUKQULkNySe4z/vIQJ\nReeeaOYqtox8B8O25A+cOXnn1Y+llElloXzem0EEfSybNOSuCSU81QFccSoj\nTpY4/JEmSWgDmeYf5EPoOlFKM2QcxofRgO+xBxz6u1Q/ynMj6Mg2+3z53TM3\npj8trVvZngw0DEMuNSY5HDVFHM5YPlNJ1FuKso0nUgoBhVFWu4zf5maKtR5V\nm/sXPv1Wrwcov6F/5umcCOYZTg46xMSBHnfQfW8Wd5NyUQv7oIusi3GfmVOv\nAXzw\r\n=vPgG\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDmMDFIKJBOb9ewvygs/Et5QVvQ2+smh+11VhGwesfnIAIhAIHjdqB3kdmuh4SnkGnS4TRj3WdvRCCOhrCwa3sX7SeR"}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.0.1-8_1609347751635_0.46174554571071313"},"_hasShrinkwrap":false,"deprecated":"this package has been deprecated"},"1.0.1-9":{"name":"@spaceone/design-system","version":"1.0.1-9","description":"SpaceONE Design System","author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/index.umd.min.js","types":"types/index.d.ts","publishConfig":{"access":"public"},"keywords":["spaceone","design system","vue","vuejs","ui library","component"],"scripts":{"serve":"vue-cli-service serve","build":"vue-cli-service build --target lib --name index src/index.ts","build:wc":"env VUE_APP_BUILD_MOD=wc vue-cli-service build --target wc-async --name index src/**/*.vue","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -s ./public -o .out","storybook":"start-storybook -p 6006 -s ./public","icon":"vsvg -s ./src/assets/icons -t ./src/components/atoms/icons/p-icons --es6","lottie":"cp -r ./src/assets/lottiefiles/* ./src/components/molecules/lottie/p-lotties","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@amcharts/amcharts4-geodata":"^4.1.18","@riophae/vue-treeselect":"^0.4.0","@vue/composition-api":"^0.6.7","ajv":"^6.12.0","animated-number-vue":"^1.0.0","axios":"^0.19.1","axios-auth-refresh":"^2.2.3","babel-preset-vue":"^2.0.2","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","chart.js":"^2.9.3","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.6.5","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^4.1.0","fuse.js":"^3.4.6","hashids":"^2.2.1","highlight.js":"^10.0.2","jsonwebtoken":"^8.5.1","liquor-tree":"^0.2.70","lockr":"^0.8.5","lodash":"^4.17.15","lottie-web":"^5.5.9","luxon":"^1.22.0","marked":"^1.0.0","numeral":"^2.0.6","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-chartjs":"^3.4.2","vue-codemirror":"^4.0.6","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-html2pdf":"^1.3.4","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-json-pretty":"^1.6.0","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-selecto":"^1.6.4","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.1","vuex":"^3.5.1","webfontloader":"^1.6.28"},"devDependencies":{"@babel/compat-data":"^7.10.3","@babel/runtime-corejs2":"^7.10.3","@fortawesome/fontawesome-free":"^5.13.0","@storybook/addon-a11y":"^5.3.1","@storybook/addon-actions":"^5.3.1","@storybook/addon-centered":"^5.3.1","@storybook/addon-console":"^1.2.1","@storybook/addon-docs":"^5.3.1","@storybook/addon-google-analytics":"^5.3.18","@storybook/addon-knobs":"^5.3.1","@storybook/addon-links":"^5.3.1","@storybook/addon-storysource":"^5.3.1","@storybook/addons":"^5.3.1","@storybook/cli":"^5.3.1","@storybook/preset-scss":"^1.0.2","@storybook/theming":"^6.1.9","@storybook/vue":"^5.3.1","@types/bytes":"^3.1.0","@types/chart.js":"^2.9.18","@types/color":"^3.0.1","@types/dompurify":"^2.0.1","@types/dragselect":"^1.13.0","@types/ejs":"^3.0.4","@types/lodash":"^4.14.149","@types/luxon":"^1.21.0","@types/numeral":"0.0.26","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","autoprefixer":"^9.7.4","axios-mock-adapter":"^1.17.0","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","css-loader":"^3.2.0","dayjs":"^1.8.36","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","node-sass":"^4.13.1","postcss":"^7.0.30","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.2","storybook-addon-vue-info":"^1.4.1","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"a62386ad3b0dd227c87a9479c9169489b5b65406","_id":"@spaceone/design-system@1.0.1-9","_nodeVersion":"12.20.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-UzWA7ouh7DLj5Rxhw59Z4MtEeIAjIPSm75WXCKdsRYEJAn7IMtK9dSjoy7LqrvLVdNGzou2wz7C6IJM1uzGdEA==","shasum":"8290b33179efbd7b8f91ddd9bed325c2f8d5d28b","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.0.1-9.tgz","fileCount":1020,"unpackedSize":72159042,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf8qigCRA9TVsSAnZWagAAI54QAIurFx8nKuonPUXuuM17\nMtLj0HgtUFojjuDhRnMILgiSCMCjABajpr9H85oqEluvccpEsIzkMtqRqXmz\nDxYNHX7l223HF8JqHKX0FBWDF12FkrX8N47NGIoOFuPtnO8RqeSLiqZ5dEsI\nYXrlhHRlmsBwmmiALDJ9UBrEEn96hJZvsygoiZIWF54V7Itp3A+nLBVGcc1v\nSXWHH6YgjXY36GzHEEhcCeLQHvzbrdOlWHEDloMOtm07MbQ9GIlHXLN22FeJ\nxCNvxfP+p1vZfDIpU4+PUw04cqIZ3aYS69xOGY1epCGhAdunBVkxKcFjwBVd\nqiI0B+Oo4U1w+xdK8nAdVetM3+FtHP9HrD+qqt87uTglYv47mn5SJ9b8O5YU\nQVncSUKRU+Gk0QBgmQLeqoXSYmpFwtmvAbazbzlT4t2AaaYVBAR8zFLXIv+x\nPqx1xy88YN1O7ajj5A3GCdv0Wnobshbw0Slhe+v7wuyEmw3FISoIHFB3Thrm\neBy+fJDNksVaBVB9banaeWEU0ssceiNHq8i4ms3fmgEHIce+fITNVOO+Y/Zk\nKF9KdxR0Wyv0z6kQOlU8XA8BW9OnLuKBhq+v1UvAd1mfgpR1WM9p9H5ryKrj\neg+3lJ4vWDbd/IwH6ecKQ7qfEMMDeHuyOy8cK2RmLXwKwmaZ2T5ZcQ6o6h4K\n9RSB\r\n=s0aR\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCzqAgv6hWkGBrGEwM0Oeq4VZJvb1on7dK1Pppm8UTkpgIgfMDV++8Nn9nigkeQ6stE3nlSKh41vgQHJYxu/QYVbxQ="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.0.1-9_1609738398072_0.6934846484525328"},"_hasShrinkwrap":false,"deprecated":"this package has been deprecated"},"1.0.1-10":{"name":"@spaceone/design-system","version":"1.0.1-10","description":"SpaceONE Design System","author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/index.umd.min.js","types":"types/index.d.ts","publishConfig":{"access":"public"},"keywords":["spaceone","design system","vue","vuejs","ui library","component"],"scripts":{"serve":"vue-cli-service serve","build":"vue-cli-service build --target lib --name index src/index.ts","build:wc":"env VUE_APP_BUILD_MOD=wc vue-cli-service build --target wc-async --name index src/**/*.vue","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -s ./public -o .out","storybook":"start-storybook -p 6006 -s ./public","icon":"vsvg -s ./src/assets/icons -t ./src/components/atoms/icons/p-icons --es6","lottie":"cp -r ./src/assets/lottiefiles/* ./src/components/molecules/lottie/p-lotties","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@amcharts/amcharts4-geodata":"^4.1.18","@riophae/vue-treeselect":"^0.4.0","@vue/composition-api":"^0.6.7","ajv":"^6.12.0","animated-number-vue":"^1.0.0","axios":"^0.19.1","axios-auth-refresh":"^2.2.3","babel-preset-vue":"^2.0.2","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","chart.js":"^2.9.3","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.6.5","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^4.1.0","fuse.js":"^3.4.6","hashids":"^2.2.1","highlight.js":"^10.0.2","jsonwebtoken":"^8.5.1","liquor-tree":"^0.2.70","lockr":"^0.8.5","lodash":"^4.17.15","lottie-web":"^5.5.9","luxon":"^1.22.0","marked":"^1.0.0","numeral":"^2.0.6","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-chartjs":"^3.4.2","vue-codemirror":"^4.0.6","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-html2pdf":"^1.3.4","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-json-pretty":"^1.6.0","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-selecto":"^1.6.4","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.1","vuex":"^3.5.1","webfontloader":"^1.6.28"},"devDependencies":{"@babel/compat-data":"^7.10.3","@babel/runtime-corejs2":"^7.10.3","@fortawesome/fontawesome-free":"^5.13.0","@storybook/addon-a11y":"^5.3.1","@storybook/addon-actions":"^5.3.1","@storybook/addon-centered":"^5.3.1","@storybook/addon-console":"^1.2.1","@storybook/addon-docs":"^5.3.1","@storybook/addon-google-analytics":"^5.3.18","@storybook/addon-knobs":"^5.3.1","@storybook/addon-links":"^5.3.1","@storybook/addon-storysource":"^5.3.1","@storybook/addons":"^5.3.1","@storybook/cli":"^5.3.1","@storybook/preset-scss":"^1.0.2","@storybook/theming":"^6.1.9","@storybook/vue":"^5.3.1","@types/bytes":"^3.1.0","@types/chart.js":"^2.9.18","@types/color":"^3.0.1","@types/dompurify":"^2.0.1","@types/dragselect":"^1.13.0","@types/ejs":"^3.0.4","@types/lodash":"^4.14.149","@types/luxon":"^1.21.0","@types/numeral":"0.0.26","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","autoprefixer":"^9.7.4","axios-mock-adapter":"^1.17.0","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","css-loader":"^3.2.0","dayjs":"^1.8.36","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","node-sass":"^4.13.1","postcss":"^7.0.30","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.2","storybook-addon-vue-info":"^1.4.1","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"da6061e59a8d96d207549d4b3ff75725c4020cbb","_id":"@spaceone/design-system@1.0.1-10","_nodeVersion":"12.20.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-EisDjCDBXP+wrOY4vnSfC5i8jbP4FPRBIdb3xTz9tfHSb1tps/O17j3hszoBtyMxFPgkDpXuwqoeX3xz1HjzaA==","shasum":"d30e71a9f0ba9d2a59c9086207bcb2b0ca722603","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.0.1-10.tgz","fileCount":1020,"unpackedSize":72159044,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf8q0NCRA9TVsSAnZWagAA5acP/1Qkz3qjp+dvs33j6Kkc\nPfl0fsMbgmyw5FwVWPx/ivPNEWUP4XJB/gM2bqd/vs/jAqb7kZVM8JCRvkb3\nksQQvk3kQgB4OGTqjCS4P3q9S0ux1NV0Gys3mIlrfD2/3jqitECDjnQamJDl\nT8+s/vD6RsTWze3wSYSBdQeDnc6y7iCNNab78zg32v5ZEG1A/k0+YDCQbDbB\nZ2ssGssg3/InW82WKHbPkqF3H0WERzwJQ5CNKtPhwrlltchQKxI+mH4FAcNk\nZdXOwGRK17IlTEibyM4J4IVOToj3Oz+xxlSjj0U3M+xhM5l/5IFR60Hfow5a\ndkE+EK4SflF5Mxn7pBoq1Bt+pJXLz+fYYVCSe21Od+pzodfdsa0rtPQ6R4dm\np02kxysrjpLjPzFsrqbK/2wZKqK77iiTYoCTuj3QBT2rUAhB7yZ0W9NW73YG\nX17zO7uvUd5D2Dp4+J/pG4WnjogqHDSK1/GVMIV5KdyQrkwzvQU6JerL4qif\n6h8QsSJMF3LGTXC19zgNzqVyrF6tdIvRPsxif+HgdxLu54R/HOTJhQh98twi\n2aHwKar1PzG8Wk56IFfCZVROshDKyPg1A39GPfCz15kFyYlmo6YIaX7fOqSQ\nz/kvfLpRUzar3dMsCDbFqqlZsL0/JEogjXH6DP1G0ddBEdStOIQ/cpAgjlOd\n732k\r\n=pnJ9\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDne6bAEcOIIXOsolpCavAkYXRJ8JrNT+JR20uvM2FydQIgbvnDS1LhJMzpRrGU8NrHUFeMhrkyR/Lt7PIZNjJ4UIE="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.0.1-10_1609739532710_0.6922692825146999"},"_hasShrinkwrap":false,"deprecated":"this package has been deprecated"},"1.0.1-12":{"name":"@spaceone/design-system","version":"1.0.1-12","description":"SpaceONE Design System","author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/index.umd.min.js","types":"types/index.d.ts","publishConfig":{"access":"public"},"keywords":["spaceone","design system","vue","vuejs","ui library","component"],"scripts":{"serve":"vue-cli-service serve","build":"vue-cli-service build --target lib --name index src/index.ts","build:wc":"env VUE_APP_BUILD_MOD=wc vue-cli-service build --target wc-async --name index src/**/*.vue","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -s ./public -o .out","storybook":"start-storybook -p 6006 -s ./public","icon":"vsvg -s ./src/assets/icons -t ./src/components/atoms/icons/p-icons --es6","lottie":"cp -r ./src/assets/lottiefiles/* ./src/components/molecules/lottie/p-lotties","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@amcharts/amcharts4-geodata":"^4.1.18","@riophae/vue-treeselect":"^0.4.0","@vue/composition-api":"^0.6.7","ajv":"^6.12.0","animated-number-vue":"^1.0.0","axios":"^0.19.1","axios-auth-refresh":"^2.2.3","babel-preset-vue":"^2.0.2","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","chart.js":"^2.9.3","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.6.5","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^4.1.0","fuse.js":"^3.4.6","hashids":"^2.2.1","highlight.js":"^10.0.2","jsonwebtoken":"^8.5.1","liquor-tree":"^0.2.70","lockr":"^0.8.5","lodash":"^4.17.15","lottie-web":"^5.5.9","luxon":"^1.22.0","marked":"^1.0.0","numeral":"^2.0.6","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-chartjs":"^3.4.2","vue-codemirror":"^4.0.6","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-html2pdf":"^1.3.4","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-json-pretty":"^1.6.0","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-selecto":"^1.6.4","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.1","vuex":"^3.5.1","webfontloader":"^1.6.28"},"devDependencies":{"@babel/compat-data":"^7.10.3","@babel/runtime-corejs2":"^7.10.3","@fortawesome/fontawesome-free":"^5.13.0","@storybook/addon-a11y":"^5.3.1","@storybook/addon-actions":"^5.3.1","@storybook/addon-centered":"^5.3.1","@storybook/addon-console":"^1.2.1","@storybook/addon-docs":"^5.3.1","@storybook/addon-google-analytics":"^5.3.18","@storybook/addon-knobs":"^5.3.1","@storybook/addon-links":"^5.3.1","@storybook/addon-storysource":"^5.3.1","@storybook/addons":"^5.3.1","@storybook/cli":"^5.3.1","@storybook/preset-scss":"^1.0.2","@storybook/theming":"^6.1.9","@storybook/vue":"^5.3.1","@types/bytes":"^3.1.0","@types/chart.js":"^2.9.18","@types/color":"^3.0.1","@types/dompurify":"^2.0.1","@types/dragselect":"^1.13.0","@types/ejs":"^3.0.4","@types/lodash":"^4.14.149","@types/luxon":"^1.21.0","@types/numeral":"0.0.26","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","autoprefixer":"^9.7.4","axios-mock-adapter":"^1.17.0","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","css-loader":"^3.2.0","dayjs":"^1.8.36","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","node-sass":"^4.13.1","postcss":"^7.0.30","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.2","storybook-addon-vue-info":"^1.4.1","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"4f2e534edd05dfa13451b73835df8c09782ce33a","_id":"@spaceone/design-system@1.0.1-12","_nodeVersion":"12.20.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-6x1Egnd7HcNOP2a4PDvaM7EHR7oaoa9yQn0aqe9XL7ppcuYkTjoxEvNV6OsJ8W36rxGKDsq+8WDg/gK4G6iaeg==","shasum":"6f6c13e5f4a68a4e21b9c0e957eda4b6944e8d82","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.0.1-12.tgz","fileCount":963,"unpackedSize":44717425,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf8sXCCRA9TVsSAnZWagAA/nkP/2M/1xN7sVdVPIFOcpLt\nPUBVkHO1pJZj1k1Q9ixpB/OnF/SaPmJ/VoIShzTmiKNpAqbp8KrNJEFEdO5y\n7lapGb5FJIn911jlmeUiRYm2Hrs/jTGcT8tIKSx2X+OwiojnbSKG55RMDa8u\n2VssbDEdDMEFnBsoG1bfgv/95fNjhjqBtgafUc3HHPg0RWGMOHYB6wCIS4Lr\nKDfp5GNfEI8eWscnPJdFMhh0GiLoADLmkNr3Hah4VHVCfW4zw+H2bPt4vKVF\np6Sa1FPi27XDoezNeIKzMlMvRlgNf355D/9ZEfz9Wn+3RqQC8xsX37xgvQ6r\nAqUg1HMf6x12SP6LbL6Z06SlWcfLygoeRU9Br1TJxHCNn8oTRuYD1smt6F/S\nmR/aDhCkXUGkyWmmGpfF4j5AQR+1VBNdzFPSXYn26wh8GnFBnosbTCN6Zbmu\nz4KWgU5ipiJiZm7dT0+6YMNS9uMr+bTZ5nN0BYVlP40XT03JPfRhawB+xfe8\niJyLyF+Lh39MA7LjXE5W3Hn6m6XbNFbYv+GyOMEOH3rTuFFsXGdZostCboXl\n4VCT6gv4Y+ESHFjcLaXasJaqWygcEVAy9DSfo1Ru6y+1SPi19rrTp3TO9Ref\nPXsrZulY+cBNqND2S0MhApxyGi7yp8+Xbtsj416rHkfkAcmwDgPqmnVC/Rqq\n0pg1\r\n=pzQM\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCHAJT0OGq03bAejpwkz/cjqY+/QCmy90IJf6BFWunAKAIhAPZ3PigYqdfW9bp69RogONtoQwMmK+VypCVs7mYfgFyK"}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.0.1-12_1609745858092_0.7833607969246332"},"_hasShrinkwrap":false,"deprecated":"this package has been deprecated"},"1.0.1-13":{"name":"@spaceone/design-system","version":"1.0.1-13","description":"SpaceONE Design System","author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/index.umd.min.js","types":"types/index.d.ts","publishConfig":{"access":"public"},"keywords":["spaceone","design system","vue","vuejs","ui library","component"],"scripts":{"serve":"vue-cli-service serve","build":"vue-cli-service build --target lib --name index src/index.ts","build:wc":"env VUE_APP_BUILD_MOD=wc vue-cli-service build --target wc-async --name index src/**/*.vue","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -s ./public -o .out","storybook":"start-storybook -p 6006 -s ./public","icon":"vsvg -s ./src/assets/icons -t ./src/components/atoms/icons/p-icons --es6","lottie":"cp -r ./src/assets/lottiefiles/* ./src/components/molecules/lottie/p-lotties","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@amcharts/amcharts4-geodata":"^4.1.18","@riophae/vue-treeselect":"^0.4.0","@vue/composition-api":"^0.6.7","ajv":"^6.12.0","animated-number-vue":"^1.0.0","axios":"^0.19.1","axios-auth-refresh":"^2.2.3","babel-preset-vue":"^2.0.2","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","chart.js":"^2.9.3","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.6.5","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^4.1.0","fuse.js":"^3.4.6","hashids":"^2.2.1","highlight.js":"^10.0.2","jsonwebtoken":"^8.5.1","liquor-tree":"^0.2.70","lockr":"^0.8.5","lodash":"^4.17.15","lottie-web":"^5.5.9","luxon":"^1.22.0","marked":"^1.0.0","numeral":"^2.0.6","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-chartjs":"^3.4.2","vue-codemirror":"^4.0.6","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-html2pdf":"^1.3.4","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-json-pretty":"^1.6.0","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-selecto":"^1.6.4","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.1","vuex":"^3.5.1","webfontloader":"^1.6.28"},"devDependencies":{"@babel/compat-data":"^7.10.3","@babel/runtime-corejs2":"^7.10.3","@fortawesome/fontawesome-free":"^5.13.0","@storybook/addon-a11y":"^5.3.1","@storybook/addon-actions":"^5.3.1","@storybook/addon-centered":"^5.3.1","@storybook/addon-console":"^1.2.1","@storybook/addon-docs":"^5.3.1","@storybook/addon-google-analytics":"^5.3.18","@storybook/addon-knobs":"^5.3.1","@storybook/addon-links":"^5.3.1","@storybook/addon-storysource":"^5.3.1","@storybook/addons":"^5.3.1","@storybook/cli":"^5.3.1","@storybook/preset-scss":"^1.0.2","@storybook/theming":"^6.1.9","@storybook/vue":"^5.3.1","@types/bytes":"^3.1.0","@types/chart.js":"^2.9.18","@types/color":"^3.0.1","@types/dompurify":"^2.0.1","@types/dragselect":"^1.13.0","@types/ejs":"^3.0.4","@types/lodash":"^4.14.149","@types/luxon":"^1.21.0","@types/numeral":"0.0.26","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","autoprefixer":"^9.7.4","axios-mock-adapter":"^1.17.0","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","css-loader":"^3.2.0","dayjs":"^1.8.36","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","node-sass":"^4.13.1","postcss":"^7.0.30","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.2","storybook-addon-vue-info":"^1.4.1","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"4a425844ce5eb9071eb02534be9cb1bd8c9ea708","_id":"@spaceone/design-system@1.0.1-13","_nodeVersion":"12.20.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-HjbXHOU2ix9+XJqFDVTupqJ7t0Ybl2tEipsAQXwHF9BvkJsuM1Z075yqCcan+oRHZBAeHsbGy8ImDEipgNfe2Q==","shasum":"75060f068428a6198ace9d8c67f62a5a5cd86567","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.0.1-13.tgz","fileCount":963,"unpackedSize":44717445,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf8t8OCRA9TVsSAnZWagAA0IkQAJgwrCmNFhzwTpNBVGUt\nOtUiWQfnEpBwFk5RiOC5I2BAlozHYkSPuQUny8qE8YWziVLWszdDTkGuRF0B\n6tN5qUfo1tUkZNL1G0tg8wtLRSU+yft9KT5DWv7W9R9+1O0dE9QzxuUacezO\nw6y/EJ+SEuIMpfuuzstaor95P7jAI2shGEu3dQo/0Oyye50kTFgbXE/VCYTA\n8Zx6KQ+fZOrB7M+szVZT9vHw9lw1DT6DVIaYfKVZVAcQdw/+7xEvlVya8e6Q\ncAVa3rLtp3gN4KAeEwT0lUYZpIavaPuqpmnm71P9qEFQmRfdY2Gbj2EskOG2\nbyqtplWiKz0vvLe94zHc9rwmiAGOLc7T+Idm8QOp+7LzoI05bMQGjv46NxcZ\nUujdmAVPz9rzZbOsGbN8WFa+2DpZm6E0JTvgy95HA4ESD8LkItcxlpTzhx0K\nSSe7rxPtz9yqd6RkUyvyDX6xX1TzM/ADrBLl/8xNiEd47NHCKs2Hxh8WhWRI\nL5DajAy/BB7baLooYkz1LmVPHi1o69cYfbAEX90UBcPqEdLg8Oq97vUnWM+8\nnRymQa+dqAd4EfQrsLYzo0STs4BbpSoX+YVQu67RFhf+mB3IbXsTyZ7qHxRw\nCAdZD5rcy13auGfleSM76iE5WI846a7m2q5P0Z9Qjc6TSCuC2smZgvg0/YG7\nEFv1\r\n=eIMp\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCXLyvQ0fA/lZs5+4sebrJLcbVMtk0Dgq4DglvidIPrCgIhAMzn45pkZuML93pf79tl2iPNJ+/lLrLVKL6RKhzGtW4I"}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.0.1-13_1609752333546_0.2522923964922412"},"_hasShrinkwrap":false,"deprecated":"this package has been deprecated"},"1.0.1-14":{"name":"@spaceone/design-system","version":"1.0.1-14","description":"SpaceONE Design System","author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/index.umd.min.js","types":"types/index.d.ts","publishConfig":{"access":"public"},"keywords":["spaceone","design system","vue","vuejs","ui library","component"],"scripts":{"serve":"vue-cli-service serve","build":"vue-cli-service build --target lib --name index src/index.ts","build:wc":"env VUE_APP_BUILD_MOD=wc vue-cli-service build --target wc-async --name index src/**/*.vue","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -s ./public -o .out","storybook":"start-storybook -p 6006 -s ./public","icon":"vsvg -s ./src/assets/icons -t ./src/components/atoms/icons/p-icons --es6","lottie":"cp -r ./src/assets/lottiefiles/* ./src/components/molecules/lottie/p-lotties","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@amcharts/amcharts4-geodata":"^4.1.18","@riophae/vue-treeselect":"^0.4.0","@vue/composition-api":"^0.6.7","ajv":"^6.12.0","animated-number-vue":"^1.0.0","axios":"^0.19.1","axios-auth-refresh":"^2.2.3","babel-preset-vue":"^2.0.2","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","chart.js":"^2.9.3","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.6.5","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^4.1.0","fuse.js":"^3.4.6","hashids":"^2.2.1","highlight.js":"^10.0.2","jsonwebtoken":"^8.5.1","liquor-tree":"^0.2.70","lockr":"^0.8.5","lodash":"^4.17.15","lottie-web":"^5.5.9","luxon":"^1.22.0","marked":"^1.0.0","numeral":"^2.0.6","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-chartjs":"^3.4.2","vue-codemirror":"^4.0.6","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-html2pdf":"^1.3.4","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-json-pretty":"^1.6.0","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-selecto":"^1.6.4","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.1","vuex":"^3.5.1","webfontloader":"^1.6.28"},"devDependencies":{"@babel/compat-data":"^7.10.3","@babel/runtime-corejs2":"^7.10.3","@fortawesome/fontawesome-free":"^5.13.0","@storybook/addon-a11y":"^5.3.1","@storybook/addon-actions":"^5.3.1","@storybook/addon-centered":"^5.3.1","@storybook/addon-console":"^1.2.1","@storybook/addon-docs":"^5.3.1","@storybook/addon-google-analytics":"^5.3.18","@storybook/addon-knobs":"^5.3.1","@storybook/addon-links":"^5.3.1","@storybook/addon-storysource":"^5.3.1","@storybook/addons":"^5.3.1","@storybook/cli":"^5.3.1","@storybook/preset-scss":"^1.0.2","@storybook/theming":"^6.1.9","@storybook/vue":"^5.3.1","@types/bytes":"^3.1.0","@types/chart.js":"^2.9.18","@types/color":"^3.0.1","@types/dompurify":"^2.0.1","@types/dragselect":"^1.13.0","@types/ejs":"^3.0.4","@types/lodash":"^4.14.149","@types/luxon":"^1.21.0","@types/numeral":"0.0.26","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","autoprefixer":"^9.7.4","axios-mock-adapter":"^1.17.0","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","css-loader":"^3.2.0","dayjs":"^1.8.36","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","node-sass":"^4.13.1","postcss":"^7.0.30","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.2","storybook-addon-vue-info":"^1.4.1","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"fc41c1b72cf376154b2399a170c41b4c8c840155","_id":"@spaceone/design-system@1.0.1-14","_nodeVersion":"12.20.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-SoVsmiZECyUR2gf8B3u5OqfmTT85c9ROO9v2SXCtwSDxOfL/BuT+BddrYKZz6ZSZiot9gwnKnl3QpylcbHhYyg==","shasum":"39e5100725b59d1443ccc844074f34df642b212f","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.0.1-14.tgz","fileCount":910,"unpackedSize":32907210,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf8ub4CRA9TVsSAnZWagAARzMP/0YFy8shpZQLAVNfQKVb\n7z5HhLaBoNn5wWOnywFJBtF0YYrpH/BpMGoiwT+ypGEsbdqq3E1FTfspmxXo\nMgrhl642B4sv2lgYqjZyj0AozG4EpJwci3Ba2GpOkUio5PNu/Oayju2yfq8E\nI9Y60PMMk3KpyK+bGYz64VeGwiktyS3R2gs03QRJ2f0HTGZx7JChhEjJtacn\nD1GVuZS3n2Uu3au0MzWX5iW/FdltB7YVVRinS9V/EvrsGeILJJHjDehoSi6u\nLH7nfmGp0HG9fe2c/pXx2sfavT7oayUB1XA27W0qxTksEO2oQsXuAH0v0eny\nkrlrbIMwerzGerbY6VeXH7Ii1F1QyjraLJMUivCX6W6OSJRUdyU/Agrg0Gzb\ntZC/jHxj4//TndkNT19iD/ZlXU+ssxRwleOXhsp3+2/8FZ9B4VC14PPkfbR1\nmAqMwLhI785YPkq+X/r2vF9VcrXep7v6MuFIIW1gSpc3b67sm32D8CaZf/aw\nIJq4WOpeuoi9HFShYvrLcYLEWhQ8uEcCJTYjC36ZTdyBoRUpzt4gKRbNhGgR\nduE0P1/cFWKPkkmaUlK9/FNuzHIGjN3sHREMGEJSzg2wfK80WTeXaJWY58+D\nOQhAXfG6S202RtUsRKCYvhq/LTXeYr9Om7sHE/0lgkd415z5aGyKjbN2WeRZ\no7wk\r\n=kFf2\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEMCHx00Chl2CgKtkrFtWpb6V4w4Ti0lMTy6jWW9IogeKqkCIGJSlc9mTUiwRLxgZIdPWkK9ndsHPAE5NI1WWr4HJtx6"}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.0.1-14_1609754359594_0.8351397202556057"},"_hasShrinkwrap":false,"deprecated":"this package has been deprecated"},"1.0.1-15":{"name":"@spaceone/design-system","version":"1.0.1-15","description":"SpaceONE Design System","author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/index.umd.min.js","types":"types/index.d.ts","publishConfig":{"access":"public"},"keywords":["spaceone","design system","vue","vuejs","ui library","component"],"scripts":{"serve":"vue-cli-service serve","build":"vue-cli-service build --target lib --name index src/index.ts","build:wc":"env VUE_APP_BUILD_MOD=wc vue-cli-service build --target wc-async --name index src/**/*.vue","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -s ./public -o .out","storybook":"start-storybook -p 6006 -s ./public","icon":"vsvg -s ./src/assets/icons -t ./src/components/atoms/icons/p-icons --es6","lottie":"cp -r ./src/assets/lottiefiles/* ./src/components/molecules/lottie/p-lotties","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@amcharts/amcharts4-geodata":"^4.1.18","@riophae/vue-treeselect":"^0.4.0","@vue/composition-api":"^0.6.7","ajv":"^6.12.0","animated-number-vue":"^1.0.0","axios":"^0.19.1","axios-auth-refresh":"^2.2.3","babel-preset-vue":"^2.0.2","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","chart.js":"^2.9.3","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.6.5","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^4.1.0","fuse.js":"^3.4.6","hashids":"^2.2.1","highlight.js":"^10.0.2","jsonwebtoken":"^8.5.1","liquor-tree":"^0.2.70","lockr":"^0.8.5","lodash":"^4.17.15","lottie-web":"^5.5.9","luxon":"^1.22.0","marked":"^1.0.0","numeral":"^2.0.6","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-chartjs":"^3.4.2","vue-codemirror":"^4.0.6","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-html2pdf":"^1.3.4","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-json-pretty":"^1.6.0","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-selecto":"^1.6.4","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.1","vuex":"^3.5.1","webfontloader":"^1.6.28"},"devDependencies":{"@babel/compat-data":"^7.10.3","@babel/runtime-corejs2":"^7.10.3","@fortawesome/fontawesome-free":"^5.13.0","@storybook/addon-a11y":"^5.3.1","@storybook/addon-actions":"^5.3.1","@storybook/addon-centered":"^5.3.1","@storybook/addon-console":"^1.2.1","@storybook/addon-docs":"^5.3.1","@storybook/addon-google-analytics":"^5.3.18","@storybook/addon-knobs":"^5.3.1","@storybook/addon-links":"^5.3.1","@storybook/addon-storysource":"^5.3.1","@storybook/addons":"^5.3.1","@storybook/cli":"^5.3.1","@storybook/preset-scss":"^1.0.2","@storybook/theming":"^6.1.9","@storybook/vue":"^5.3.1","@types/bytes":"^3.1.0","@types/chart.js":"^2.9.18","@types/color":"^3.0.1","@types/dompurify":"^2.0.1","@types/dragselect":"^1.13.0","@types/ejs":"^3.0.4","@types/lodash":"^4.14.149","@types/luxon":"^1.21.0","@types/numeral":"0.0.26","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","autoprefixer":"^9.7.4","axios-mock-adapter":"^1.17.0","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","css-loader":"^3.2.0","dayjs":"^1.8.36","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","node-sass":"^4.13.1","postcss":"^7.0.30","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.2","storybook-addon-vue-info":"^1.4.1","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"205283274d6cc8b2c9def19c890e9f51250f458b","_id":"@spaceone/design-system@1.0.1-15","_nodeVersion":"12.20.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-tvJNb9Rdw997mln/bOUQDDIovxW60Bi6GjjBLZonf/NqMCJcR0pbZRu+E6/XkAQNq316+M92XVmuS5pwllIJfg==","shasum":"c55df6294b03573d8233bffc846a23e3989d6ddf","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.0.1-15.tgz","fileCount":910,"unpackedSize":33086058,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf8uzJCRA9TVsSAnZWagAA2iEP/R9ZzwYwih/1CZI7kBgc\nndel9+nur781yHexZwT7Kfodj1QWXXjW4Uo1OJ+k1U8EIVHrocrppUeHaReA\n1UVDqQc0cftEjm4y/lv7qc5E6c1+WHGBZUjL6ZRpGjuoBak5kzCw33sORA5U\ng2T3PC4GEyZwRYSsGu8bmIWeCl8bRcDyazJmwBvw1RAfx/oTwAIDjV/2U5OX\nZ05jQDlUr/q/G1yQG0pPX6kUKiFl3Cy1e6cwvJCVK1VBcJWmDTocIOomQqwu\nFNG+9JAARkZA0C2XKKQ0xVSlId2jn945DAfQu39fB7j73oNqKFoWW/S/3rqX\nyWiT+xY3tkX7ia3zpS2Vny4SaEtGp0SQ492Zae98twTHjLwtGX9U8KpKmxIF\nn1OTsHhu9BeEooW7ckjbSRUFGWx+LnSmtpkQPRPqxcKW42+DsP7eEdWHXbSe\nvXox4F2dXr0ReJJpfLwiqAJFdmrXD/Rm6/wDb5pfh6JMw5bIoflxDZP9U/jK\n5qNLPjXNNZnLjg35ZjsBzLduOLqEvxImtBkcFsHiJ1GnNk+fL/TJeYemExFx\nD5jPaA6k5t01oKLzWkDqAeRfq4KbxnN7cJ72KbMnQl5+6Ppsj3K89G9tHJlm\n/I/X7Sdx2pTb+0AdnVCM2N/4bA+blMMqfDFlSq1gxkvwEglFPzUn388ATsAg\najdy\r\n=a++j\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQChvf8KwMOL3JUuhh0Arif/CSynTMbmiF8Ocadn+jCUcAIgcrP9WMtxeMW0SL3XVjNx3FjlTuVBXjU0MXrXZMUFQUQ="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.0.1-15_1609755849131_0.6969013560547486"},"_hasShrinkwrap":false,"deprecated":"this package has been deprecated"},"1.0.1-28":{"name":"@spaceone/design-system","version":"1.0.1-28","description":"SpaceONE Design System","author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/index.umd.min.js","typings":"dist/index.d.ts","publishConfig":{"access":"public"},"keywords":["spaceone","design system","vue","vuejs","ui library","component"],"scripts":{"serve":"vue-cli-service serve","build":"vue-cli-service build --target lib --name index src/index.ts","build:wc":"env VUE_APP_BUILD_MOD=wc vue-cli-service build --target wc-async --name index src/**/*.vue","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -s ./public -o .out","storybook":"start-storybook -p 6006 -s ./public","icon":"vsvg -s ./src/assets/icons -t ./src/components/atoms/icons/p-icons --es6","lottie":"cp -r ./src/assets/lottiefiles/* ./public/p-lotties","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@amcharts/amcharts4-geodata":"^4.1.18","@riophae/vue-treeselect":"^0.4.0","@vue/composition-api":"^0.6.7","ajv":"^6.12.0","animated-number-vue":"^1.0.0","axios":"^0.19.1","axios-auth-refresh":"^2.2.3","babel-preset-vue":"^2.0.2","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","chart.js":"^2.9.3","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.6.5","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^4.1.0","fuse.js":"^3.4.6","hashids":"^2.2.1","highlight.js":"^10.0.2","jsonwebtoken":"^8.5.1","liquor-tree":"^0.2.70","lockr":"^0.8.5","lodash":"^4.17.15","lottie-web":"^5.5.9","luxon":"^1.22.0","marked":"^1.0.0","numeral":"^2.0.6","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-chartjs":"^3.4.2","vue-codemirror":"^4.0.6","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-html2pdf":"^1.3.4","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-json-pretty":"^1.6.0","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-selecto":"^1.6.4","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.1","vuex":"^3.5.1","webfontloader":"^1.6.28"},"devDependencies":{"@babel/compat-data":"^7.10.3","@babel/runtime-corejs2":"^7.10.3","@fortawesome/fontawesome-free":"^5.13.0","@storybook/addon-a11y":"^5.3.1","@storybook/addon-actions":"^5.3.1","@storybook/addon-centered":"^5.3.1","@storybook/addon-console":"^1.2.1","@storybook/addon-docs":"^5.3.1","@storybook/addon-google-analytics":"^5.3.18","@storybook/addon-knobs":"^5.3.1","@storybook/addon-links":"^5.3.1","@storybook/addon-storysource":"^5.3.1","@storybook/addons":"^5.3.1","@storybook/cli":"^5.3.1","@storybook/preset-scss":"^1.0.2","@storybook/theming":"^6.1.9","@storybook/vue":"^5.3.1","@types/bytes":"^3.1.0","@types/chart.js":"^2.9.18","@types/color":"^3.0.1","@types/dompurify":"^2.0.1","@types/dragselect":"^1.13.0","@types/ejs":"^3.0.4","@types/lodash":"^4.14.149","@types/luxon":"^1.21.0","@types/numeral":"0.0.26","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","autoprefixer":"^9.7.4","axios-mock-adapter":"^1.17.0","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","css-loader":"^3.2.0","dayjs":"^1.8.36","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","node-sass":"^4.13.1","postcss":"^7.0.30","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.2","storybook-addon-vue-info":"^1.4.1","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"a58be21bb5b49cbd5a9465bf5267630978737520","_id":"@spaceone/design-system@1.0.1-28","_nodeVersion":"12.20.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-+Hrum5fkUPUSojjtPuDZt/Pj7+/QJhU+cd6LVSjUUGQN/orP3lbwxUU5uNwT/9dLZ4HoWIodGV9ZzI14UaSpHQ==","shasum":"44a9daa4558840a2aa131fa56eb381af75357a85","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.0.1-28.tgz","fileCount":918,"unpackedSize":71309350,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf9GZdCRA9TVsSAnZWagAAkHEP/iu0sC/R6igmYD+ZN+J3\nsQjiKZ42pMpjbInnjrENtr+8MgysAxJs6c9co9mDE90eP/VZyqCdKvqlyKLM\nAmj1Ku6ZzofQL3OhpQ+fvG76BwgkVmcn5VD1rnjf/rGHfr1bApykXKRBRX0g\nYF6KcpVRhrYJ4N5h4xhXlo50znA/NYNJAYim7tCy95U3qKUMXTjiALju6TxL\nyYvr5beKJJu7f0w44MyIBaITRx4AU9NxXNlF5JqiImtvbP3eaqMDEcNM4eEt\ndhvQE5Jb4qwreNzLLIYlpkquX3pEzdLTZ6opxzHburneyzlMn0+q+Vf93xPq\nigRlap3ziHfebN+EFJ6BQiuTiRGBvHYfjx/3yOkTJdNrIitPMB72fpNPISz8\n+YO8RfhhJsYaGG2mhr4tR60jsYxivvy/dOqGcG/gbxs32hkqVrJxMzmVzBF7\n3wjiEhJOrfXtPV9FEu35MVsj0m4hp8+W/oQnrJe5KajmnlDJyY8lI2+fepuG\nNyPme/mWM8G719yZJhtbsX2FBzAgQqBOZbPTRIL8bzRyvVK4OCnEyqnwQsYB\n9GPdKWFgb2AivZRxznG/FSPD3zAPadaJah3z55rMRBQSgCGI/J6+t+7y56vp\nIG5ajg4KZ/jxBuz7rhUPPzFn6B30SICYod6azpoKAQfy+6Iz52eWQ7V09F2T\noa5r\r\n=1OIS\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCPsKINl6G3VjkOKD5HDyYitqCFBP/ncG6H3MAQa8wQgAIgKUZojLZiz9XrjAPjDC0lRCOfP2LVd0JTy2fwnMtjJTY="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.0.1-28_1609852508417_0.6721563727521367"},"_hasShrinkwrap":false,"deprecated":"this package has been deprecated"},"0.0.0-dev.1":{"name":"@spaceone/design-system","version":"0.0.0-dev.1","description":"SpaceONE Design System","author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"./dist/src/index.d.ts","publishConfig":{"access":"public"},"keywords":["spaceone","design system","vue","vuejs","ui library","component"],"scripts":{"build":"vue-cli-service build --target lib --name spaceone-design-system src/index.ts","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out","storybook":"start-storybook -p 6006","icon":"vsvg -s ./src/assets/icons -t ./src/components/atoms/icons/p-icons --es6","lottie":"cp -r ./src/assets/lottiefiles/* ./src/molecules/lottie/p-lotties","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build"},"dependencies":{"@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","casual":"^1.6.2","casual-browserify":"^1.5.19-2","chart.js":"^2.9.3","codemirror":"^5.57.0","color":"^3.1.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","faker":"^4.1.0","fuse.js":"^3.4.6","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^1.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-codemirror":"^4.0.6","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","webfontloader":"^1.6.28"},"devDependencies":{"@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.11","@storybook/addon-actions":"^6.1.11","@storybook/addon-console":"^1.2.2","@storybook/addon-docs":"^6.1.11","@storybook/addon-google-analytics":"^6.1.11","@storybook/addon-knobs":"^6.1.11","@storybook/addon-links":"^6.1.11","@storybook/addon-storysource":"^6.1.11","@storybook/addons":"^6.1.11","@storybook/cli":"^6.1.11","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.11","@storybook/vue":"^6.1.11","@types/bytes":"^3.1.0","@types/chart.js":"^2.9.18","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.2","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"80adbc263df33ac37192490acf313d358ab93115","_id":"@spaceone/design-system@0.0.0-dev.1","_nodeVersion":"12.20.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-9U84IrlhSoDmFEkS0uM2RakpLR5B+hha48Vfz0WHXQ++KXpAcWgURVwoRKjcs4s3REDky2T+rkti5xILFJRgDw==","shasum":"cd9e7a2cc6881aae84536700412e4bd44a41df43","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.0.0-dev.1.tgz","fileCount":923,"unpackedSize":105020191,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf9t4oCRA9TVsSAnZWagAAQvEP/3RaTA0jDa/pxwRcOos7\nPN256dGe3wsiTS4GudLUx9+fpwo3jExOGt2b3XCmz6hVIcxZZmUJ5x7CmbGN\naBgMk1XW5Ro1n49G+YYh99DKpMtaXHeAJ49ev3iiGEIa0327ndSJKVdyOJqt\nAWS334zicPUosfECggtCcbWCfzTdYaqkBlaYKCfsXkiDWFGQfZvrWkiGQiur\n+mEzNIIctNUSmXTkmJw84Fa6K65iofUF9jLcEWt/u/9Jzllaw/ZezFh4HSqm\nFCvDopZZYe5+aZLip2mGwrs5YaAFuCqMw0mYqQ7fy28LR+/WkFPo76umGh1E\nqXClQSbfMY1nbt60SBMwLsZX9Te7Pg061H16sw0sTB36rpsO4BzcixovO9+q\nr05HBljcJwZDRlBDvsdqGhWoz+BYhHIn1wGQE3akJsRAR8Bu8WnfYq5v09WS\nzPB19FQN9ef/OlLr3R+f0wCPXhxR36wUdkDk9AWWtRtPQJc9hdMLuUAnV82S\nJST66a8PPFQdkyQuynR9f3Dwtt5S+nleDw6VMdWGjsiRpmoFccfpjIspGC0N\nzzBY56vJMir5dcPRIIXmEuFOXlyO9JZGX+ar8kfPsh79+4Di+4frwnnwEL8c\nRjmyWaAS+92Zow0YdRH9S6Mw31l/XavM1PDTqdprvzVdn3H5dTugZiU1lHq8\nvNau\r\n=sx5h\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCRgBFAHkAK4+fSVYAWpwxtwD7ZSIOj0FiaRX3BJ69nogIhAK0ri/IdZHzTtrROQCs1kC/KiTtkOxTZc1jJqlhU/sHJ"}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.0.0-dev.1_1610014246927_0.6765982961270991"},"_hasShrinkwrap":false},"0.0.0-dev.2":{"name":"@spaceone/design-system","version":"0.0.0-dev.2","description":"SpaceONE Design System","author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"./dist/src/index.d.ts","publishConfig":{"access":"public"},"keywords":["spaceone","design system","vue","vuejs","ui library","component"],"scripts":{"build":"vue-cli-service build --target lib --name spaceone-design-system src/index.ts","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out","storybook":"start-storybook -p 6006","icon":"vsvg -s ./src/assets/icons -t ./src/components/atoms/icons/p-icons --es6","lottie":"cp -r ./src/assets/lottiefiles/* ./src/molecules/lottie/p-lotties","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build"},"dependencies":{"@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","casual":"^1.6.2","casual-browserify":"^1.5.19-2","chart.js":"^2.9.3","codemirror":"^5.57.0","color":"^3.1.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","faker":"^4.1.0","fuse.js":"^3.4.6","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^1.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-codemirror":"^4.0.6","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","webfontloader":"^1.6.28"},"devDependencies":{"@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.11","@storybook/addon-actions":"^6.1.11","@storybook/addon-console":"^1.2.2","@storybook/addon-docs":"^6.1.11","@storybook/addon-google-analytics":"^6.1.11","@storybook/addon-knobs":"^6.1.11","@storybook/addon-links":"^6.1.11","@storybook/addon-storysource":"^6.1.11","@storybook/addons":"^6.1.11","@storybook/cli":"^6.1.11","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.11","@storybook/vue":"^6.1.11","@types/bytes":"^3.1.0","@types/chart.js":"^2.9.18","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.2","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"4157426756efaa634749cc60b36b8c8125b3d152","_id":"@spaceone/design-system@0.0.0-dev.2","_nodeVersion":"12.20.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-SqWge9Y6Tc0bYmSezDM1QEf5HBmVQ4HEjzcTVS+46j5luOgy+sMyayISvlHhiOqMwh13hsVUo5NTEry7NA/YEA==","shasum":"e0010adcb546742f3da3be2d001fb5206036e77d","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.0.0-dev.2.tgz","fileCount":923,"unpackedSize":105020159,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf9vP7CRA9TVsSAnZWagAAuL4P/i6/LGdu1aYwoGU/iSBG\n+1DBVfQVoOFBw+B/kP3hu/a66Txah/zlaBarlC3GuH8ZNRlQOEYGKqinrr0T\niZU2SoKNZhJVfXTv31Hnk/CnqKQ6u+LPuXNegH/uEhujiYxQUG0xZeYFCNyQ\nc2bO1rk9V+OkJv8rPvlejs6FD23M7gN9BFfbUZBS74lzqlUK/4Uofhj58g3t\nsXxkbKGuQmqRNf20uMNG/BfypzooPxRFN5v7Hh1V1dln1yS4Y6Z+U2U2kE6O\notQxNjlYWC9xpGjTOwXmT57IjJeK3b/x9yo91VNcu5EoybZaRKis7ewIvp5T\nMwB72OqG2bjuJnhzHWCPgfnEIILp4nCGQY+T3UdIJYHNiOhgW9u4SFtxVBZh\nduDEbBEnOn0lB7sx7iPOikvGyndj6oNKV40o1crTs579/HimepYvYcFaZQNZ\ngFx0/J7fPY3qPk0mII3DUafTiP3urMq5dfgZvwEt1BKvdiKDgitXY0aJ84SZ\nt7rYmI5Ft8cfl6OBIEUwJGaqNq5kXsYahotDNm0t/wJKdi/v9tys1iMiNMI+\nlL0uqNGPrk+R+t9eL8RPkPjxxb/I+ET8+dS3D9TBSMa7oEieVTgzJoJOEki0\nxyNDfB/DnOb5MTrlQTgGb5HfivuK9cqqrMNEBeVGX9VZUp4Fuzw93Snx75IL\nOv52\r\n=OBgW\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDvvRX0tgfqtGF3pke2uGTADatr+ldMO2XT9v6NuLsc/AiEAhRYCIN8bZAv7lNxJOjVk2/PFnA0DgfKrxNp1HlBD3/k="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.0.0-dev.2_1610019834819_0.2981460669451028"},"_hasShrinkwrap":false},"0.0.0-dev.3":{"name":"@spaceone/design-system","version":"0.0.0-dev.3","description":"SpaceONE Design System","author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"./dist/src/index.d.ts","publishConfig":{"access":"public"},"keywords":["spaceone","design system","vue","vuejs","ui library","component"],"scripts":{"build":"vue-cli-service build --target lib --name spaceone-design-system src/index.ts","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out","storybook":"start-storybook -p 6006","icon":"vsvg -s ./src/assets/icons -t ./src/components/atoms/icons/p-icons --es6","lottie":"cp -r ./src/assets/lottiefiles/* ./src/molecules/lottie/p-lotties","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build"},"dependencies":{"@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","casual":"^1.6.2","casual-browserify":"^1.5.19-2","chart.js":"^2.9.3","codemirror":"^5.57.0","color":"^3.1.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","faker":"^4.1.0","fuse.js":"^3.4.6","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^1.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-codemirror":"^4.0.6","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","webfontloader":"^1.6.28"},"devDependencies":{"@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.11","@storybook/addon-actions":"^6.1.11","@storybook/addon-console":"^1.2.2","@storybook/addon-docs":"^6.1.11","@storybook/addon-google-analytics":"^6.1.11","@storybook/addon-knobs":"^6.1.11","@storybook/addon-links":"^6.1.11","@storybook/addon-storysource":"^6.1.11","@storybook/addons":"^6.1.11","@storybook/cli":"^6.1.11","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.11","@storybook/vue":"^6.1.11","@types/bytes":"^3.1.0","@types/chart.js":"^2.9.18","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.2","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"38596029f72ceaf4ca968ca354f51f2f545d3aba","_id":"@spaceone/design-system@0.0.0-dev.3","_nodeVersion":"12.20.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-dSLaxa2/aC+3aZ8iMNfsS2DvN2IZdbOBWpEGBh/JA32AjLLJwy5EO+9LWUcMIgscfMGOr7Z03QNPE+2bCvFzhA==","shasum":"ca360fdf0859bb9157a87ee401ce6b3676f34ca5","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.0.0-dev.3.tgz","fileCount":923,"unpackedSize":105025891,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf9voTCRA9TVsSAnZWagAAreoP/1JEQJOn2zqTF2o/W6ap\nzmn6Pe3Z+e2SqMjQvzuFliNxLM+q71PMMiT7a1r852wJSNDq++rOlr3Pk7Dz\nLmDRm4gz3osfZbTBsavNpCHmK9Sp/rtnmR10SP2LXsV9QngC30dvdYjXCQ6r\nUnv+rRYzXb9pXWJdLs9ajI8ySVpVxr4ywpOwT6R+VTSyCSFgUa0BMBkN9RoN\n2/SG9uxCfdF4VsVl0mcpfFTqwMR8ByOSAUGwQTMw9uhTCeNq7gbkG3u/MYxc\nUBY9pjtfQ1N4g15b9gDl7XUnrseKY6IAcYrXjcnk8DZi9rjmumNSzgf3ktmF\ntpD8JkwIoWZrRclIQ1rjzmBuUsZDsvWkveO/0L4QhmxVsBz8LIzqqpr8iwi5\nsB7XQ2KZSuT/FbIQCBKbRfZA1+hS/l4cIHSShNXY+PVFUvMrm+6pMHk33WWa\nCjW+PcnqYurRPoK5+jsOz7mSqBFhEYoR3c2pUMr/kwafVi6vqefScEZPKmnf\n6bjOPt9HkJimqp/3/MBtxr8UWHoLUvnLN3Wd69jbSYNw/dVKdTz8UYcjKJRr\nUtaNDjhZ5YVfs8MsqHqKNHDeqB3Wrwmy971wSoESvgVrWPVC6mcs7pFAbXSj\nNyr9VKtljm8xfjbt5uys3mGIT94fNO5bxw/cg27L0rJ24sRANlkyp91e3uPF\n7aPO\r\n=5MzM\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFCp4NQFBH7R5i+BKAsevaKaShgWeHCmMdVoAhGZanGPAiEAhHsdoxCDVN7t93THRSQydzeOhekpHrGrtcT57gB8TQc="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.0.0-dev.3_1610021393992_0.5024381648488725"},"_hasShrinkwrap":false},"0.0.0-dev.4":{"name":"@spaceone/design-system","version":"0.0.0-dev.4","description":"SpaceONE Design System","author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"./dist/src/index.d.ts","publishConfig":{"access":"public"},"keywords":["spaceone","design system","vue","vuejs","ui library","component"],"scripts":{"build":"vue-cli-service build --target lib --name spaceone-design-system src/index.ts","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out","storybook":"start-storybook -p 6006","icon":"vsvg -s ./src/assets/icons -t ./src/components/atoms/icons/p-icons --es6","lottie":"cp -r ./src/assets/lottiefiles/* ./src/molecules/lottie/p-lotties","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build"},"dependencies":{"@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","casual":"^1.6.2","casual-browserify":"^1.5.19-2","chart.js":"^2.9.3","codemirror":"^5.57.0","color":"^3.1.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","faker":"^4.1.0","fuse.js":"^3.4.6","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^1.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-codemirror":"^4.0.6","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","webfontloader":"^1.6.28"},"devDependencies":{"@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.11","@storybook/addon-actions":"^6.1.11","@storybook/addon-console":"^1.2.2","@storybook/addon-docs":"^6.1.11","@storybook/addon-google-analytics":"^6.1.11","@storybook/addon-knobs":"^6.1.11","@storybook/addon-links":"^6.1.11","@storybook/addon-storysource":"^6.1.11","@storybook/addons":"^6.1.11","@storybook/cli":"^6.1.11","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.11","@storybook/vue":"^6.1.11","@types/bytes":"^3.1.0","@types/chart.js":"^2.9.18","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.2","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"2f926e05ac5b4dffa6447aec0fb01a4ecef1b1ab","_id":"@spaceone/design-system@0.0.0-dev.4","_nodeVersion":"12.20.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-nvoOjgsAeXeFQ5bv5TK9/ekrw4941GzFMjIlLkLCHx4IOeRDuF3n2SOb2qQ3p0uimDw3xylDSwT0rG8RXaahxA==","shasum":"56d9201a61e297f193c4767a25931938ec5cb94c","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.0.0-dev.4.tgz","fileCount":923,"unpackedSize":105026026,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf9wA1CRA9TVsSAnZWagAAjRwP+gJ1s6+DiBizTBnMTyFt\nXOM6nmAhMJkv3llFBWHjedvce1JhyG5hAzAT5Jm2GPujEqpprfS+cHtxKcpM\nyU84bIGaVLOjGZ5ghsApXLt8OqsO8d9x+wrOs5CBV12rqBqj5x7KqyUPcocv\noyFqzr1cwDpCo00ec+IJedAO9Nv/swBidvNmTvfTR0rwWoXWPVngO6zPe81O\nIJWYJD+tSVgvwX9+xonMO0QjZB9no6LM+uN9PJ6kyWl6cd50hD4b0n6Vet57\nVGMoCrkgh0+QEN1bXppNwYjvjKkUN3eQYa8EuBkFUdt1olwxTMakaF10G5c6\nJXXuKyLaLRLLkkBdkLH6i1Jg9hr7ODbKzfEKjM6mCpX2EAq6INYXsDcn29bA\nESzfydJ6NtkBFis6q4JzfHYjwueE8scfVJFrM1+KdjjBU6kyqTK9HpH3soK9\njpdB05rYdjX6O4XaDr4hLB2WR3kmiWfNMxOuA5t8I4cHn037xTZcJG323tpb\ndNmC9K5czb1m2w4WlPUkZiYRv42Zs+UY1awu5VkHHGF59Z7L96m1YHr+6ZLB\ni0mw72uprXPhREIIkuWM9lsdwOVETFh5ewn4RufVhJRTpBdm4VkhRbO+vBHh\nYQAvERnHJa5ilFU5RnNmOekJKlZvYTY6/unhwApIj4OOh0eZkUBQAWBiwGNh\nJa9z\r\n=l+hy\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDbA7L8+ZMFMz2ywSIPLpT47MrB69e+hOL8PS5w/hupIAIhAOXva39g91JN02WuLPheVvlgSxkfIJuTDXfFi+8FEtnP"}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.0.0-dev.4_1610022964599_0.1470065429460481"},"_hasShrinkwrap":false},"0.0.0-dev.5":{"name":"@spaceone/design-system","version":"0.0.0-dev.5","description":"SpaceONE Design System","author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"./dist/src/index.d.ts","publishConfig":{"access":"public"},"keywords":["spaceone","design system","vue","vuejs","ui library","component"],"scripts":{"build":"vue-cli-service build --target lib --name spaceone-design-system src/index.ts","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out","storybook":"start-storybook -p 6006","icon":"vsvg -s ./src/assets/icons -t ./src/components/atoms/icons/p-icons --es6","lottie":"cp -r ./src/assets/lottiefiles/* ./src/molecules/lottie/p-lotties","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build"},"dependencies":{"@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","casual":"^1.6.2","casual-browserify":"^1.5.19-2","chart.js":"^2.9.3","codemirror":"^5.57.0","color":"^3.1.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","faker":"^4.1.0","fuse.js":"^3.4.6","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^1.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-codemirror":"^4.0.6","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","webfontloader":"^1.6.28"},"devDependencies":{"@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.11","@storybook/addon-actions":"^6.1.11","@storybook/addon-console":"^1.2.2","@storybook/addon-docs":"^6.1.11","@storybook/addon-google-analytics":"^6.1.11","@storybook/addon-knobs":"^6.1.11","@storybook/addon-links":"^6.1.11","@storybook/addon-storysource":"^6.1.11","@storybook/addons":"^6.1.11","@storybook/cli":"^6.1.11","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.11","@storybook/vue":"^6.1.11","@types/bytes":"^3.1.0","@types/chart.js":"^2.9.18","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.2","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"30eac23d4d668a1d809c1f7029b808a226153f1a","_id":"@spaceone/design-system@0.0.0-dev.5","_nodeVersion":"12.20.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-TWRhXtCOvZTueoyWFYJeMILxrGDK9ZA3qWYUn6IdKgw9k1prk2OsFxJ0aJRNE2kJdbY8C4h3Ke8/niNcyr7hyQ==","shasum":"1146d6cb8326ed09015519df60bfa70d5b802512","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.0.0-dev.5.tgz","fileCount":923,"unpackedSize":105014607,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf9wq9CRA9TVsSAnZWagAAe98P/27S53WG+svmcaV9Ww7P\nZSE+XusxCXwJc27AoFvwlp8ynG2rrF/RHBWHqW/d4439+3Wgwa/sbmBDxhvD\n7bQxiuZRu/jIErQIlPWLb57SQhBN6TPezC2vSQL7TR6ALZvGX2yXxb/LiYym\nJacvXCn8JX4nT4U61M5srfj+gymjx34PdvWFCvs+9+SjNgAoVAnsw4NytSyf\n04AS+YviJZhBxrYtjzl2/ofUA0OhgHgmSdl1C7Vnv+i+9pN/OTVK4outKob8\n4YyOCnDl/EDTNC98Olgoqs2Z9n7YodEN5ZW3ABBqkOSL8Vw7RlkXbCV6F20M\nk6iNzfQpDuP/BievaOBdskOQMaXHV+LkB12crXS20mP3ozUhCwkp9PnOBe9m\nXfBbgYqvdkUrf30hAr8mxR+Z4jnJdLZWXn3xC8ZcQEi7T4I+OjqrUH94RTUT\nLkcJKAzSB3y5YWGMJ5NnaJ2AEsou96PlmprYJa2ROpYMvqfTyI6R6P+bDIFf\n/KnKtWLjVbg3U8+SgIp0US6IzezenslsnFQMKAD2+ney0hau44ukf/asnfgC\n0LNN5qPmifMUdRZ1Ma3FLIcxsmw7f6d/gSLYdm6oN7TFKHzyM4s/1Tt9GKQG\nL/ziWYqlo1YgX9ne7rrnW9MW5/rhhJ6DkNl/JgY8237m+E4mMOSkKXPtIuV+\nGrvV\r\n=Qv5R\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGI5VJ+f/cBU31o1jDlk15i3113WSANsxqz+4q/t/OjcAiAO0xHiUtgcnh2AMpxQ4C9/TweG67TvtaK92U8kxhabDQ=="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.0.0-dev.5_1610025660851_0.9753896950734946"},"_hasShrinkwrap":false},"0.0.0-dev.6":{"name":"@spaceone/design-system","version":"0.0.0-dev.6","description":"SpaceONE Design System","author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"./dist/src/index.d.ts","publishConfig":{"access":"public"},"keywords":["spaceone","design system","vue","vuejs","ui library","component"],"scripts":{"build":"vue-cli-service build --target lib --name spaceone-design-system src/index.ts","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out","storybook":"start-storybook -p 6006","icon":"vsvg -s ./src/assets/icons -t ./src/components/atoms/icons/p-icons --es6","lottie":"cp -r ./src/assets/lottiefiles/* ./src/molecules/lottie/p-lotties","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build"},"dependencies":{"@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","casual":"^1.6.2","casual-browserify":"^1.5.19-2","chart.js":"^2.9.3","codemirror":"^5.57.0","color":"^3.1.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","faker":"^4.1.0","fuse.js":"^3.4.6","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^1.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-codemirror":"^4.0.6","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","webfontloader":"^1.6.28"},"devDependencies":{"@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.11","@storybook/addon-actions":"^6.1.11","@storybook/addon-console":"^1.2.2","@storybook/addon-docs":"^6.1.11","@storybook/addon-google-analytics":"^6.1.11","@storybook/addon-knobs":"^6.1.11","@storybook/addon-links":"^6.1.11","@storybook/addon-storysource":"^6.1.11","@storybook/addons":"^6.1.11","@storybook/cli":"^6.1.11","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.11","@storybook/vue":"^6.1.11","@types/bytes":"^3.1.0","@types/chart.js":"^2.9.18","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.2","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"0bcb5ad84340bb83de8606bbd18b82ca6bc7198c","_id":"@spaceone/design-system@0.0.0-dev.6","_nodeVersion":"12.20.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-41DuBPK6rEGNkBnBKdJoU42WJvBwuhubB+QKVYCmfGVOrwu15S2pgC97k7L4FsyOWEjnCO8Qe1XmlSNP4YkCpA==","shasum":"7c5fbe75312845b128cfaa4f1ca73b97483ed11b","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.0.0-dev.6.tgz","fileCount":923,"unpackedSize":105011264,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf9xTnCRA9TVsSAnZWagAAkygP/0bWr5cwFPjZwozKW9uA\nxbok1PGfcume0wBqfmgbuD93K+OLJRHUzFx07lWdkM+rO4vdMfn1f2e+rlFB\n98Hb3vct3MZkTDuI6GigNeOD1TedKfvldm4GX5PDRtvy22da3wV+ghMUWkIk\nKf3nvILxSHM8aJQeM0TGSYv/e1JXLBYkabXwPup1HTzE1IdAwXj5feMJevV+\nxxjqo3clC2KLPjDJDGXX2KDaiDgvNODguPol1Gt/9gDJyxSwI9PZdXkXL4dy\njTjIafXVR58NlJ0lxjAf96I5dtTzNRN60YkKosQ4k9vy+lDqi5U/lKaIXfAW\nfuUPUU9MGE3yEHZjL0XaHqCL/FCoVG7kPL3r+ubcl042QjDd0gzAHlzBoL8+\nI33UNK85EFLatU2oDqPQFshVf94m3Tq0dNN2JcfPSFqCeKfF3Y135m+14y9j\n3Ff0hXAT9AwifOrSmNOh194zfJg+l6fjc5YcIttRAZzZzenJl0OqOk81K4xp\nH2Dlsr8CAYQj2CWJafFxsdCWo6UtufdxWCcHk6KpbFawSzg1UrXkWufVI/0p\ns9/cVtLCyu6a93h/PQ53ND0KVDoCJ7cED/lH5rkqBiUb5wnMf+KTLrw1Ptm4\nedujK2AK78qzjuVRGrVpHX99bUSRkcoxN7d5OZ+8z8BP2t4DmVdehawnhcJe\nIa+4\r\n=6zl1\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC9koZsNRdfN6RSK2rZKTRvuI6AzRYdna8d9N6JQSGqbgIgfTj05Jv7W/NkipR8xfifM7IdyB50x5oSp540WRTMLUs="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.0.0-dev.6_1610028262476_0.6602702875315873"},"_hasShrinkwrap":false},"0.0.0-dev.7":{"name":"@spaceone/design-system","version":"0.0.0-dev.7","description":"SpaceONE Design System","author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"./dist/src/index.d.ts","publishConfig":{"access":"public"},"keywords":["spaceone","design system","vue","vuejs","ui library","component"],"scripts":{"build":"vue-cli-service build --target lib --name spaceone-design-system src/index.ts","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out","storybook":"start-storybook -p 6006","icon":"vsvg -s ./src/assets/icons -t ./src/components/atoms/icons/p-icons --es6","lottie":"cp -r ./src/assets/lottiefiles/* ./src/molecules/lottie/p-lotties","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build"},"dependencies":{"@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","casual":"^1.6.2","casual-browserify":"^1.5.19-2","chart.js":"^2.9.3","codemirror":"^5.57.0","color":"^3.1.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","faker":"^4.1.0","fuse.js":"^3.4.6","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^1.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","webfontloader":"^1.6.28"},"devDependencies":{"@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.11","@storybook/addon-actions":"^6.1.11","@storybook/addon-console":"^1.2.2","@storybook/addon-docs":"^6.1.11","@storybook/addon-google-analytics":"^6.1.11","@storybook/addon-knobs":"^6.1.11","@storybook/addon-links":"^6.1.11","@storybook/addon-storysource":"^6.1.11","@storybook/addons":"^6.1.11","@storybook/cli":"^6.1.11","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.11","@storybook/vue":"^6.1.11","@types/bytes":"^3.1.0","@types/chart.js":"^2.9.18","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.2","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"1c53283222925a47f89a5e965df56f9ffa23c6eb","_id":"@spaceone/design-system@0.0.0-dev.7","_nodeVersion":"12.20.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-DadXLEvvyo/6FBKnEyF5T9TCgboBZe1GWaobiKDY8O76kzsOsA3nzxVwL7v2luLD5Et8qPWIKffRJMMOTFyl2A==","shasum":"1505d9b1d7217260bd69b47a38eba54d523c87d1","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.0.0-dev.7.tgz","fileCount":924,"unpackedSize":105049172,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf9y02CRA9TVsSAnZWagAAj6oP/1qE3UBIcO3+ZYOYzrAd\nuyOUZDTgEdPFsB2U6sxzeYC/a7m0nr+rI7qwaDcQCmwQm+5HDjLBA7N2rve3\nRnKMo7gNoXd13iCtgrSk22YUXLORWV4eY+U1YsMEg5U00uHrOYkHu+LNcH2e\nthSy4pfQj6Vta/n+b88T7ZJ1nm2RtZo6M1c/igjSuV0SgSV8trdmfGh1DO74\nv6GZBO2MxS0fK0OCa8uOhQ5thETtYedB2iAu3i1P8SPWBlgrzKG54O3as0Zm\nfXoUa2V49iquv9l1R/D3TzwZH086QD7nOOxQwqMUId5ZAmg9sFRkLMHzcEfL\nLq8pjjEyYymw6rsFPErxm9XtC0RQMlmoRAz+s8dgcuFbX96svvv1YGlmhyDO\nDX+Tqya7LZiGuwBU1wkzxj2OiOnoEhFXWAZAsIdNSPik7v7muBvWBK8Fbz7K\n5WdiN0qSX9vC4WRtNum2V2GZGK7ADvA9AcjODIKCwewNS4okJhtpKaP+PLYp\nn7b+wb264PGmv6G4sgOB6YDsP8GEfKTkobVCDVYiWa/eUo3402hIgFDgDTsf\nI2RTyb6RYl/G8GrN8X+cRqr9ZNxLR2Zq0GSF/Y9WA4Hz56AHY7VCk9rKRIhX\ndVJRr49IfBgm7j32yjbEOVb3RmVyQOcE3n6mI/Ow2Z3k/8JZ03abXlffBhb8\nuNoG\r\n=sRRz\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEZx39cJiY3IGTCjCRQZMltq42NbKeB9RmRgPMucJ3V8AiEA62hoo5tH0CcHDOK2076P7JGPN2rUovc9tOgCsHdSu34="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.0.0-dev.7_1610034484119_0.4364468703396056"},"_hasShrinkwrap":false},"0.0.0-dev.8":{"name":"@spaceone/design-system","version":"0.0.0-dev.8","description":"SpaceONE Design System","author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"./dist/src/index.d.ts","publishConfig":{"access":"public"},"keywords":["spaceone","design system","vue","vuejs","ui library","component"],"scripts":{"build":"vue-cli-service build --target lib --name spaceone-design-system src/index.ts","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out","storybook":"start-storybook -p 6006","icon":"vsvg -s ./src/assets/icons -t ./src/components/atoms/icons/p-icons --es6","lottie":"cp -r ./src/assets/lottiefiles/* ./src/molecules/lottie/p-lotties","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build"},"dependencies":{"@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","casual":"^1.6.2","casual-browserify":"^1.5.19-2","chart.js":"^2.9.3","codemirror":"^5.57.0","color":"^3.1.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","faker":"^4.1.0","fuse.js":"^3.4.6","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^1.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","webfontloader":"^1.6.28"},"devDependencies":{"@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.11","@storybook/addon-actions":"^6.1.11","@storybook/addon-console":"^1.2.2","@storybook/addon-docs":"^6.1.11","@storybook/addon-google-analytics":"^6.1.11","@storybook/addon-knobs":"^6.1.11","@storybook/addon-links":"^6.1.11","@storybook/addon-storysource":"^6.1.11","@storybook/addons":"^6.1.11","@storybook/cli":"^6.1.11","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.11","@storybook/vue":"^6.1.11","@types/bytes":"^3.1.0","@types/chart.js":"^2.9.18","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.2","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"a57c7650408d15a4170b38bab155ce0759f79ce3","_id":"@spaceone/design-system@0.0.0-dev.8","_nodeVersion":"12.20.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-YSlNAdPckJTF/1Dzu+AxNdPGExb9VqXFg51OTOfcsfaCqEskiehURX9mrqER/q6cyD9z22pkqoQlQ5uxgiENXQ==","shasum":"9d0dd89776247ff40df5788155ca00e90306d424","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.0.0-dev.8.tgz","fileCount":924,"unpackedSize":105053145,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf9zMFCRA9TVsSAnZWagAA/LEP/3AUFlge6YlSfhqC/pqA\nn6so/hqruo/a8aZf7T9kLDu1wTP5RZKRiQ0t2ngV1Z/5i0QghhgQoUEa7AKc\nivllY6YXG8fCDOaQondO7Eak0s+9XMa6C9KNcyur6edY2oY1IJ07UUKM8/KB\nT7Q2PZKynaoVfy7jiyj+InE8HPj+35x4eiz/emV2pWz+sCO5+HKUhbmskzi3\nnm5mOj6TgULtZ7lYhk3YuNAo2lXBXMBNFazTjUImOJIVRrWqxessZFbuEK0Z\nek4QL5ksAvaHh07eRyopKyqt0PKoUWOQXZeFrjskpsjnbX3vILCwzI0srRxP\nLSwcyDNDne5q1/UCEZMbLCuB5Q2XKWRDv+Cd5LXepSx5KnECmh8+gii4VHgS\n6hr/wlpcH2K0L5MUZdvSNYQ/lXxL60IQZoYEKkzuWvfZmEVeX78oQrEGrsjY\n3MWBFurVTi6CEocY7+sACmOOkX0c6oplLo+l3bZXstIijPPmEXz+f5u/Mewz\nzn58UNFP6cE+zD9vNaLQ0Q1l2DcrXbn1vBtBEHo4PBpiZQxgQa++wo0q0qgR\n8R+P4jTFxEHBdb0pJsLVMyo1iiU1m532mpwVb7raBsJ/ZggvTD3XXN1CuF9R\nSN9e8g8I1HtdVltdbFt0+TF6+pxmcaRVci2Bufx55n7eviPQBOF2bcNjn23C\nair/\r\n=B+Ho\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGk0/6YDieV5htajnHuX6QG+2K6Y+Qvwosmq9WJGA8joAiAiv1xPs8YHRt3blapoz+20fa45WYiTlle6GxdYLmQzvw=="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.0.0-dev.8_1610035971904_0.20224676251320184"},"_hasShrinkwrap":false},"0.0.0-dev.9":{"name":"@spaceone/design-system","version":"0.0.0-dev.9","description":"SpaceONE Design System","author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"./dist/src/index.d.ts","publishConfig":{"access":"public"},"keywords":["spaceone","design system","vue","vuejs","ui library","component"],"scripts":{"build":"vue-cli-service build --target lib --name spaceone-design-system src/index.ts","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out","storybook":"start-storybook -p 6006","icon":"vsvg -s ./src/assets/icons -t ./src/components/atoms/icons/p-icons --es6","lottie":"cp -r ./src/assets/lottiefiles/* ./src/molecules/lottie/p-lotties","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build"},"dependencies":{"@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","casual":"^1.6.2","casual-browserify":"^1.5.19-2","chart.js":"^2.9.3","codemirror":"^5.57.0","color":"^3.1.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","faker":"^4.1.0","fuse.js":"^3.4.6","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^1.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","webfontloader":"^1.6.28"},"devDependencies":{"@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.11","@storybook/addon-actions":"^6.1.11","@storybook/addon-console":"^1.2.2","@storybook/addon-docs":"^6.1.11","@storybook/addon-google-analytics":"^6.1.11","@storybook/addon-knobs":"^6.1.11","@storybook/addon-links":"^6.1.11","@storybook/addon-storysource":"^6.1.11","@storybook/addons":"^6.1.11","@storybook/cli":"^6.1.11","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.11","@storybook/vue":"^6.1.11","@types/bytes":"^3.1.0","@types/chart.js":"^2.9.18","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.2","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"df3e9601a8eeb91eedc0c0b9fc57dd999387d39e","_id":"@spaceone/design-system@0.0.0-dev.9","_nodeVersion":"12.20.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-GbOVIpH8rjXVLa5qR4LBj710B8OXHgFcS5U0WNRDIJVrNFFllMR55rsatVoRSu9aJkzUhKt2ADZgz5c9ddmj9Q==","shasum":"ae66926c54175176b98522a9c1858a3a06339ef6","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.0.0-dev.9.tgz","fileCount":924,"unpackedSize":105051563,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf9+0uCRA9TVsSAnZWagAAnBUP/3t8Hk09CxP2IR/PZJIR\ntfddMvnnpPcmBsDaPxoUB3ha3o/SFj38z5rvd9DtOTEoTb8fhPWxNsqOgekH\nT9mkpkEvD4pGy+zLZ8Z/GWJJ3USSUqZXMn0WdIpKPkgohrlrTxNiNyVj8uLJ\nnSmyx1xDeULQelTk5kVL22VzyAGRNIGs8VLBqmrL7oyruPbssccSo3Oykt3x\nAkx5vc0M566WrONdSBCcb7RU5+OQRg2D32MOiBnPPUT2WWrC6YtJ+rFMElRe\nhHPEuHH1T2IQ2qSVHmE8qBjyoLKzmXG6AgsrD7Q+sNcWR64Eo9q+yYXcRWFd\n9e90CMhGEehkZVrR8G7o2nfYBLeKU6zej9ev9K/+YVtXaBTjt5FPRt2zAzHG\nOdM/7fzZL8UTl5JAyeVupc2VB+Zu1089q9nOPIExdhnbrlQ+jwpaBFTQ4yKX\nqhbjWuhdqJS4qrKXrKt8pasuZWTviFQ5225qrqUzn7iIpdBjCrkZLf8DUPF2\n7FZxBz2ACGCvJBBFiVuTHE57WtQ+MMJGGvrxuczV5dxkUQkdeSx7l3dwFwPt\nHv63sCo76w8pa2V+F6EnuuBJ//CTLUSORFOQB18qDeN4R7r0Mv3hftsEWsVh\n2KQb13fTcKkpNScioEWlAuSfKTBZXFStrNpmFbmIqInywhmWQiuUSKOJGlSS\nkAdp\r\n=dy+r\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDSQ1nOuVQV7/3inM+wgxBVhRVQ6HQdIK4uLPrwh58iTgIgeMmmCE80Cazkg+qA+p9wmp+ISpU4ty7Gj6ukQAyGJvs="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.0.0-dev.9_1610083629045_0.4070451614121313"},"_hasShrinkwrap":false},"0.0.0-dev.10":{"name":"@spaceone/design-system","version":"0.0.0-dev.10","description":"SpaceONE Design System","author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"./dist/src/index.d.ts","publishConfig":{"access":"public"},"keywords":["spaceone","design system","vue","vuejs","ui library","component"],"scripts":{"build":"vue-cli-service build --target lib --name spaceone-design-system src/index.ts","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out","storybook":"start-storybook -p 6006","icon":"vsvg -s ./src/assets/icons -t ./src/components/atoms/icons/p-icons --es6","lottie":"cp -r ./src/assets/lottiefiles/* ./src/molecules/lottie/p-lotties","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","test":"jest"},"dependencies":{"@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","casual":"^1.6.2","casual-browserify":"^1.5.19-2","chart.js":"^2.9.3","codemirror":"^5.57.0","color":"^3.1.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","faker":"^4.1.0","fuse.js":"^3.4.6","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^1.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.11","@storybook/addon-actions":"^6.1.11","@storybook/addon-console":"^1.2.2","@storybook/addon-docs":"^6.1.11","@storybook/addon-google-analytics":"^6.1.11","@storybook/addon-knobs":"^6.1.11","@storybook/addon-links":"^6.1.11","@storybook/addon-storysource":"^6.1.11","@storybook/addons":"^6.1.11","@storybook/cli":"^6.1.11","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.11","@storybook/vue":"^6.1.11","@types/bytes":"^3.1.0","@types/chart.js":"^2.9.18","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.2","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"ad732e4aafbe9a1ac27dcbe59ae2fadae85417eb","_id":"@spaceone/design-system@0.0.0-dev.10","_nodeVersion":"12.20.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-Qsvbbd7r7/ZgbMzlC2q+V4gedrtANk+mS4Bg83c4FjyKFWdqcqGXU6yC+8+y6jCZXBcYqf5z10UhVk5hlCxHkQ==","shasum":"c404937f4eacee44510cae2e93521ad4ed82aeda","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.0.0-dev.10.tgz","fileCount":927,"unpackedSize":105285802,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf+AHQCRA9TVsSAnZWagAANHIQAJVkcvphhPxrHmAL/KDn\n+924bQehbs5C7tB6736BOTM+3BnZXIOVC8kT/KYxpEIsXaD8hAh94H1zMaXy\nGf4lwIBFThPZZwLb/M8QrF7OpSSe9bIdIcNas2ukoG0K25cqy1XNLGmVgGAY\ngGx1TPH3xusZE7B/zO/1TyV2w0YB8xBtqQF14a0vo5lf+sM4dmwpIh4YhF3B\nrnv+AUFyP3CKekYiUT/86LRUZiirDRKISxU2hfA7c/C12xaNEYEkBeTGHWh4\nu2FrynmcnAdVnQYJgKfygLSLDFirFkYT/KC/AhJfWpTtryxvxUh8P2oGShj0\nOffgGUrIz5KtgtkLkxvq/RbfQO7v+2+4GLKIDiDwxMambD+JeXDrv7H1i1zW\nnBkzMlM56ijOLrW/Nkhks4CaZvkLG6vy/KyK0WtbyhXtZbtwTPf43T2Jfuza\nYdU78McLwacnNr6cJpL7c8VDryfYJMQrlDGuIj1s29m4eSwobvypgQotpNh9\nOjDmyba9z6hm/RM9d1jvJyJcY+8UnuU/hUCHTWbXbiH6sUTb7QxC4QfLeJr9\nBTsLGtMiIfPwKNSaxSaGFCLEup9/TQhBfN4MjoyWbIrcuL7suVW//2OoILGT\nlViVO/FOdkJH+imNP7rHLAdM1bCMMNxxGwjt0OLBNiGp6PsIukIzXGVmaX3G\nHmrU\r\n=PxFU\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIF1NOdV2n5fbiKxenRjCusyKoySjz4Zk7ySYnc2zZUOQAiEArXNNPWjp6GCfcOuTZbKC5vZPc71RTgyedeXM5Tnf9Ug="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.0.0-dev.10_1610088911876_0.41921156398285464"},"_hasShrinkwrap":false},"0.0.0-dev.11":{"name":"@spaceone/design-system","version":"0.0.0-dev.11","description":"SpaceONE Design System","author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"./dist/src/index.d.ts","publishConfig":{"access":"public"},"keywords":["spaceone","design system","vue","vuejs","ui library","component"],"scripts":{"build":"vue-cli-service build --target lib --name spaceone-design-system src/index.ts","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out","storybook":"start-storybook -p 6006","icon":"vsvg -s ./src/assets/icons -t ./src/components/atoms/icons/p-icons --es6","lottie":"cp -r ./src/assets/lottiefiles/* ./src/molecules/lottie/p-lotties","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","test":"jest"},"dependencies":{"@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","casual":"^1.6.2","casual-browserify":"^1.5.19-2","chart.js":"^2.9.3","codemirror":"^5.57.0","color":"^3.1.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","faker":"^4.1.0","fuse.js":"^3.4.6","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^1.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.11","@storybook/addon-actions":"^6.1.11","@storybook/addon-console":"^1.2.2","@storybook/addon-docs":"^6.1.11","@storybook/addon-google-analytics":"^6.1.11","@storybook/addon-knobs":"^6.1.11","@storybook/addon-links":"^6.1.11","@storybook/addon-storysource":"^6.1.11","@storybook/addons":"^6.1.11","@storybook/cli":"^6.1.11","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.11","@storybook/vue":"^6.1.11","@types/bytes":"^3.1.0","@types/chart.js":"^2.9.18","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.2","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"639064c23411b7e4e913fb46ffb235a590be062a","_id":"@spaceone/design-system@0.0.0-dev.11","_nodeVersion":"12.20.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-l8wnxAezEyYRtdt7JJ8aMhHpgXlHWEP6oKZaKoUITskCoPFkJLUUZyw6bvMuwTVk5z55PwGo8XuYq7w1VrKs9A==","shasum":"96b2fc618f459fa18eae5e2d982046f768aab5ec","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.0.0-dev.11.tgz","fileCount":993,"unpackedSize":105410413,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf+BDMCRA9TVsSAnZWagAAvB4P/2z8uENwZLitMU7nZ4jI\nKs0IAeRytHttgjN5NvKTdiydcjDZzMCACfj7KH37wtSNHy0nwLBwUuDPa8p/\nnSr4YUayuHxWG7WrPrSt5WMtZemVDpLSZI3a5MtIm8kLSKq3BA/As30wp2fB\nyNuUGiL1R1WLe3aUHdAIObDNfpAAT0ps4PX2NkShDz573MN+ND3UbiVBlHG5\n1EpR4sz1ROR4oXf/O/uUmEDvNf8QaZ2zkNy2iLpnfxg1xb9guAkP/Xnr02pQ\nl1LPhR3RZgS/Pv0BbEETNC9IkkBXxMCR/fS239sLwd1vC+gao4MMH/X/cyYj\nW4m8Jwt7w5UCjU1w+drar0UrOcQJe07Ii2orK/lrT/zgJ3J0puxZ1ZPvLUry\n36QhvyZtqdKYYrD13mfnbudKsg3BCaz3NlcK2hisNQYZZHM5MumV31vNzxog\nu2JTFzQEukYPgXMNnDmmGUrg5XxWx/AVLDvqv4dwVFVFjI6+DRBtEdO4DbY8\nE/dJ9CxRylDCvL0pkebpzR8/TaNXSB545FNvUh2IHkjqqjK/Xc5zx2YsGk8W\nIQGhOPNIsgOP+8tbiXV56OLheqe3k5ldptmOzE4OycQesdVGHCwvjiBxImTT\ns/XWTi9axwQcSyluToApdT9oAG8WStEIh4tFIzeiFNsW4DyN7wvsx6vMV3tk\n5VfP\r\n=4dhi\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCZS0O0WBsmzMUlFr6My4iuMjzqHLchFEY7PDz5wh4cdwIgX/zFfNsCem5+KfQHLVIJfjR1XQ01MkqR05HzjvMQ6XM="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.0.0-dev.11_1610092748047_0.3516769529041166"},"_hasShrinkwrap":false},"0.0.0-dev.12":{"name":"@spaceone/design-system","version":"0.0.0-dev.12","description":"SpaceONE Design System","author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"./dist/src/index.d.ts","publishConfig":{"access":"public"},"keywords":["spaceone","design system","vue","vuejs","ui library","component"],"scripts":{"build":"vue-cli-service build --target lib --name spaceone-design-system src/index.ts","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out","storybook":"start-storybook -p 6006","icon":"vsvg -s ./src/assets/icons -t ./src/components/atoms/icons/p-icons --es6","lottie":"cp -r ./src/assets/lottiefiles/* ./src/molecules/lottie/p-lotties","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","test":"jest"},"dependencies":{"@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","casual":"^1.6.2","casual-browserify":"^1.5.19-2","chart.js":"^2.9.3","codemirror":"^5.57.0","color":"^3.1.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","faker":"^4.1.0","fuse.js":"^3.4.6","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^1.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.11","@storybook/addon-actions":"^6.1.11","@storybook/addon-console":"^1.2.2","@storybook/addon-docs":"^6.1.11","@storybook/addon-google-analytics":"^6.1.11","@storybook/addon-knobs":"^6.1.11","@storybook/addon-links":"^6.1.11","@storybook/addon-storysource":"^6.1.11","@storybook/addons":"^6.1.11","@storybook/cli":"^6.1.11","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.11","@storybook/vue":"^6.1.11","@types/bytes":"^3.1.0","@types/chart.js":"^2.9.18","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.2","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"ae459e7f85eea331074f41eb46e62aab20972fee","_id":"@spaceone/design-system@0.0.0-dev.12","_nodeVersion":"12.20.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-dUP3hMofp7+vDZmgz/VgFzrn3P58N5ya7e8KK5AzXvw3kslvkTQjrsSRVl9gCdI32c5ypRYML8AoI6SWz0YIVQ==","shasum":"d4964992ef088cc6c10f572138cc4adf4ec3d83b","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.0.0-dev.12.tgz","fileCount":811,"unpackedSize":70247020,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf+ByjCRA9TVsSAnZWagAAErQP+wfTgxYWDIiWVL72SWE3\n/pCFouPWMoaL9plsvdM1vm8lQwXcfXbsyGchvNaFo389IbOqwfC/quNC0lRG\nxhRK8YMIF2U3g2LfyUFu/BU5CG4vktXEHhKYKeTTXIKBZubRIkT29jfZi3Mv\nFohgWroJgduxKGsEks96rRd4Jt9cer9QQ++ejbbCXg1zwhTljHqQ8jZvTnTo\nMumV3WcZEc2ESneNANigezL7R3y6KkY5jRFP9GX7QRGM5b83I11vDq4QwtLG\nHNukEc80Rg/K/XkCT6ZBllXEX4g9jIlvSwgrgsFJ+eW9wix/T9PGkvqJTuXY\nw0o07oD8dOUQ9ii71JEWBScPrbMHKvvHh4kf3tuAIqoWnZr4hFupcr8wiOJx\nrfnlY8FsBcqAQvFqV8KAaSBvMosxNMo9qlICltMc4zYlu3mx4u6xTh3MsDTi\nSk3lpTJk0/neCIqUbGVGYU26gNaCc/T/Mgid86IgPg7t5uSkqQ1dft/wp+jU\n2+dFJctpb4/qpKJR3ehsqC3D96U5cCdEbA2TiJCJK99a7b0Cyam1jSbdr7NS\nY7DKApwEn+R9mNQBGob5pnDTuuC+7kYXtokThDWz+HwUYxQqAgVlGa0oguWZ\n9FFDIvhcFtm9hQKqohkpubKZPwQSOHeovGRav2c6kZmabcmHxzQwRwlzXukF\nAnNp\r\n=09GI\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIE68J06Jp4DI52z/5kxkvXpLFeDYilkicE3IxjSb8BFUAiBIdMT8G0mEC6VNBAspjVJbqq+lgFPGsACb1itB8PAZOQ=="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.0.0-dev.12_1610095778728_0.2979469338921734"},"_hasShrinkwrap":false},"0.0.0-dev.13":{"name":"@spaceone/design-system","version":"0.0.0-dev.13","description":"SpaceONE Design System","author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"./dist/src/index.d.ts","publishConfig":{"access":"public"},"keywords":["spaceone","design system","vue","vuejs","ui library","component"],"scripts":{"build":"vue-cli-service build --target lib --name spaceone-design-system src/index.ts","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out","storybook":"start-storybook -p 6006","icon":"vsvg -s ./src/assets/icons -t ./src/components/atoms/icons/p-icons --es6","lottie":"cp -r ./src/assets/lottiefiles/* ./src/molecules/lottie/p-lotties","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","test":"jest"},"dependencies":{"@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","casual":"^1.6.2","casual-browserify":"^1.5.19-2","chart.js":"^2.9.3","codemirror":"^5.57.0","color":"^3.1.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","faker":"^4.1.0","fuse.js":"^3.4.6","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^1.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.11","@storybook/addon-actions":"^6.1.11","@storybook/addon-console":"^1.2.2","@storybook/addon-docs":"^6.1.11","@storybook/addon-google-analytics":"^6.1.11","@storybook/addon-knobs":"^6.1.11","@storybook/addon-links":"^6.1.11","@storybook/addon-storysource":"^6.1.11","@storybook/addons":"^6.1.11","@storybook/cli":"^6.1.11","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.11","@storybook/vue":"^6.1.11","@types/bytes":"^3.1.0","@types/chart.js":"^2.9.18","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.2","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"4348a616451c94ab3b5dc22f9a32e5f599bccb48","_id":"@spaceone/design-system@0.0.0-dev.13","_nodeVersion":"12.20.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-ltoJarMPLzMSwzYbcQnoJV2O2bB92dbgSQhEPixZ0elc/lj2bIbtPJYFSy7syZR4/z9lR6+GlBIHGR6paNP0oA==","shasum":"e0d7274cbdfbd5aec286ee68b6e410475570f35f","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.0.0-dev.13.tgz","fileCount":927,"unpackedSize":105283522,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf+B/yCRA9TVsSAnZWagAAFugP+wYdqE23v2KqNsbqA9aj\nr2LsiqHUBban/BwAjRn4zOFvkNYq7pt0rmGdgnRlr1FmCngtSRH5cnntDXAj\nw1EjCk0gZ8gIDpdrYu2QTHnNk9hOyuu74X59oU6EfrI+Et8C4us4r78EYHyl\n3ry3+q2VKbnmh3jadeTf4pezHpAr2s3UgqjPVZECFFCFsQk8PEPwivbDVB0k\n9UQSD4GW0HLNQuORhTEfXkAyjfsH6ygGEHLYgEQtRD4IWij5jPcoHzJYM2yS\nBzOihvtRC9L5no2NEh1BWJTnS1bpD1qd8Inf6ZgGkufVPtc+db3USVHchd0d\nCdAEy4AP9VF/i/ptHw0m1wWCB8m46n4O7i5Tk5gew9aB+ZVNcom3tHsYAtPS\n+kh98OlK4+a06XaKWM6fHX0jVuRCr6GReC1oIZDG/Xz/i/6GLBTjzPcKHfKh\ndaR6BE0D22dBRdNeRyvNdYOcpYq9v6r7kvdwacmnOm7J8Dhf30rjrKX8SNKn\nKGzF7BFHn/ckiR/BNCfwHQf4Liywfa9ta39FLlg1xG0mDLmwSdS5jxYsi8qf\ny0LyKfaxB6nVaKMSriFCy6s5Jil1Np1Tk60JYUduGjXzX1LS7YM7m1LFA8iH\n0s/LpEdnAuHEV6c0Yp5dqM0Gjaw2t7Z5v03cDEN9BjGtVA553UotdIbn0Xsz\nQMh+\r\n=JUL6\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDBU5CCyprWKtlPJWWRqG7cxlubDaGw7FOaPIlzUtSD4AIhAPjtKqGL25JymWg1dWrC887TWo/Wv5JSaUnAVJt4a6jD"}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.0.0-dev.13_1610096625263_0.8683903035852989"},"_hasShrinkwrap":false},"0.0.0-dev.14":{"name":"@spaceone/design-system","version":"0.0.0-dev.14","description":"SpaceONE Design System","author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"./dist/src/index.d.ts","publishConfig":{"access":"public"},"keywords":["spaceone","design system","vue","vuejs","ui library","component"],"scripts":{"build":"vue-cli-service build --target lib --name spaceone-design-system src/index.ts","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out","storybook":"start-storybook -p 6006","icon":"vsvg -s ./src/assets/icons -t ./src/components/atoms/icons/p-icons --es6","lottie":"cp -r ./src/assets/lottiefiles/* ./src/molecules/lottie/p-lotties","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","test":"jest"},"dependencies":{"@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","casual":"^1.6.2","casual-browserify":"^1.5.19-2","chart.js":"^2.9.3","codemirror":"^5.57.0","color":"^3.1.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","faker":"^4.1.0","fuse.js":"^3.4.6","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^1.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.11","@storybook/addon-actions":"^6.1.11","@storybook/addon-console":"^1.2.2","@storybook/addon-docs":"^6.1.11","@storybook/addon-google-analytics":"^6.1.11","@storybook/addon-knobs":"^6.1.11","@storybook/addon-links":"^6.1.11","@storybook/addon-storysource":"^6.1.11","@storybook/addons":"^6.1.11","@storybook/cli":"^6.1.11","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.11","@storybook/vue":"^6.1.11","@types/bytes":"^3.1.0","@types/chart.js":"^2.9.18","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.2","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"c009a3e1db9a5816d0fb2d01af1460ff37ad087e","_id":"@spaceone/design-system@0.0.0-dev.14","_nodeVersion":"12.20.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-2zLowKjcVmnyzQ60Rl/fRxJolXZWqGqOJR1ZwJ//A1t4hXk79wuBaFxsn67rq8bG6S+GGFUszXCKohnZBPT8Ag==","shasum":"b9b15fdee9e34ec09e4f509190bf5c24cc7a9f62","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.0.0-dev.14.tgz","fileCount":927,"unpackedSize":105282199,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf++CxCRA9TVsSAnZWagAAKAkP/jeg0ki8khK8OprCng2R\nbl/sYCpra4nhmH9HbZUrPu6nHkgx3sjApDnD6Q0uWWxW7MbLJsYZ/gucdi1c\nf3dDPm2TIDU+S7WuvdTXkvApBsbmxLdjo6JIAyd2ED1YZ0NyI+5I0889+RPt\ne/h4KaML3hSWmjyu69kZqp9joYfkb2lahM2QIzIW1odQYWQIsPl5CNoYO708\nNv0Y+/6gO9pO0GdgHkoWkXs9q/hpZWhDcdVSH9trH1QqEOQ+Qb5PcCZOUyOM\nOPxLt/TH64IQ22PIR7aNguppQKL04e32BqPyu7P3aaDjVEl7fd7ZyRRXF6Sb\nuTpZa+Wo1a8Afkhgym4g8F7xdsG0obfJWDY8RLSST7WQG2GYPZBNlf8jBi2R\na3ZptzW/xlPwHQGQeDD/f7Nk1doT8qbbv4JsB4qEle1G6nvr+EatEZGZVu3d\nZ8bOuMltMYkzs3jxmh2r3mEc33igtDkJP3PElgRIlIbPn4LIMNupNpj6hEHW\n/iOw/B2AGyeupZgXHL3PujIck6nKonDPEhqTqQ4iVuX5gLJ80GOYwvtR12xh\nctZNW4Oz2WbMbP1Fh21HZeoKy4pR3J3UFXAoOKQqpLjkBY4ep3nDu+jU3fH2\nIo1LhDV3knbR4vcYWy6EvVfhyHe3uQSKQ/0qRd5pVMb9bFVJT2VoaHoRHPvT\npBvg\r\n=WPCX\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICLFH4W7jvNUQcN6MebrcAGJWmno2OttGg1/4KRce2YEAiEAg0L9KOpZISSWBfEBMbyiaanjjS1aERIkqRbmUkjkOSs="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.0.0-dev.14_1610342576119_0.584292790139159"},"_hasShrinkwrap":false},"0.0.0-dev.15":{"name":"@spaceone/design-system","version":"0.0.0-dev.15","description":"SpaceONE Design System","author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"./dist/src/index.d.ts","publishConfig":{"access":"public"},"keywords":["spaceone","design system","vue","vuejs","ui library","component"],"scripts":{"build":"vue-cli-service build --target lib --name spaceone-design-system src/index.ts","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out","storybook":"start-storybook -p 6006","icon":"vsvg -s ./src/assets/icons -t ./src/components/atoms/icons/p-icons --es6","lottie":"cp -r ./src/assets/lottiefiles/* ./src/molecules/lottie/p-lotties","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","test":"jest"},"dependencies":{"@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","casual":"^1.6.2","casual-browserify":"^1.5.19-2","chart.js":"^2.9.3","codemirror":"^5.57.0","color":"^3.1.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","faker":"^4.1.0","fuse.js":"^3.4.6","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^1.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.11","@storybook/addon-actions":"^6.1.11","@storybook/addon-console":"^1.2.2","@storybook/addon-docs":"^6.1.11","@storybook/addon-google-analytics":"^6.1.11","@storybook/addon-knobs":"^6.1.11","@storybook/addon-links":"^6.1.11","@storybook/addon-storysource":"^6.1.11","@storybook/addons":"^6.1.11","@storybook/cli":"^6.1.11","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.11","@storybook/vue":"^6.1.11","@types/bytes":"^3.1.0","@types/chart.js":"^2.9.18","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.2","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"29feeae01392d572948568f6f14aba1af7378dee","_id":"@spaceone/design-system@0.0.0-dev.15","_nodeVersion":"12.20.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-5+VlPV51ZGGo5dVKJ9oVM88COpRrLGHf9JO95yjDHz7b1ecyg0k8yN7Ci57NuxlX0Kbrrg/WUf/vWmxMyXpbaQ==","shasum":"b0c9b442d730618256686f591f05974201ba40a0","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.0.0-dev.15.tgz","fileCount":928,"unpackedSize":105317196,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf+/jTCRA9TVsSAnZWagAAHeMP/0lwwZtNLCiDbOawWiKG\n0kf1yItse0C3v3sgU7zyIIbROySiZ6wQumiSLJcRRB1M00hRpW4qSJb06EQc\nQyZsyw69MPgXB6dFpmn8k0MaUTw4LRFN07Kd0bK+EfQ+LuYM7I/YlRJSWuNY\nZSrIMf/QpC73l0tGwrfmvzAiYsvy1M+A4iN2ZZ1TA/MohOQpWptyvotIuUeD\nIa/axw/ZJhQ+k1RJx/Xndv9sagXMJa2DvB4PeEj72laPBQB8Od3xxG7iy7Pr\nM3OPmYZG5W/JXjmX0iQkHu+EHO2DsgDJpqmaB0QQv2Fj1hNsNBC8YPogFLcb\nCqUvjJC2yhXdnMLVVNDOAfik29M+wDwY2oOXRaTlH2JKfZPSeZSLGclMmBoW\nTp+BF/pDV50NIgMXaSk32ZBhBSBDc217M4ccUQmcih1PjQHcerh6W36LiAAS\nzuMZ1O6QwuBaRif/LRQxyTPriAnaESHx4n3QdqrbT/V8Za6P2iUecn48DFzl\nK7IeDJh13WNyo4S+LasTrjCsi3/xknAkXD4sWZN2F9It+gE0mj2FBRzKtT2g\nu6SZR24fqJOoT8JMPXawc1L4efDfgnUpPxAjBCeI6XbHjdOV5AJvG28OZ2Il\n72yKc0NdcMuZM0kT4M3dIAso41lRKaiIz6t0QWjXBYUzsIbdlWvcZFT7Hrgd\nInQD\r\n=CpTe\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAn37B64CoRKXVMCzX31Z9P8RAHms0FrvEL3cD3wNp5oAiBAoa4qAGD6AecNIoRsLO0rcBPDa01y7zWlHoR4GinwXw=="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.0.0-dev.15_1610348754174_0.7222267959738513"},"_hasShrinkwrap":false},"0.0.0-dev.16":{"name":"@spaceone/design-system","version":"0.0.0-dev.16","description":"SpaceONE Design System","author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"./dist/src/index.d.ts","publishConfig":{"access":"public"},"keywords":["spaceone","design system","vue","vuejs","ui library","component"],"scripts":{"build":"vue-cli-service build --target lib --name spaceone-design-system src/index.ts","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out","storybook":"start-storybook -p 6006","icon":"vsvg -s ./src/assets/icons -t ./src/components/atoms/icons/p-icons --es6","lottie":"cp -r ./src/assets/lottiefiles/* ./src/molecules/lottie/p-lotties","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","test":"jest"},"dependencies":{"@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","casual":"^1.6.2","casual-browserify":"^1.5.19-2","chart.js":"^2.9.3","codemirror":"^5.57.0","color":"^3.1.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","faker":"^4.1.0","fuse.js":"^3.4.6","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^1.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.11","@storybook/addon-actions":"^6.1.11","@storybook/addon-console":"^1.2.2","@storybook/addon-docs":"^6.1.11","@storybook/addon-google-analytics":"^6.1.11","@storybook/addon-knobs":"^6.1.11","@storybook/addon-links":"^6.1.11","@storybook/addon-storysource":"^6.1.11","@storybook/addons":"^6.1.11","@storybook/cli":"^6.1.11","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.11","@storybook/vue":"^6.1.11","@types/bytes":"^3.1.0","@types/chart.js":"^2.9.18","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.2","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"0497bfd9ada10df6bcdebca2e5524227366ec172","_id":"@spaceone/design-system@0.0.0-dev.16","_nodeVersion":"12.20.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-/w8pEoAuexlqIaccf0OhHVAZ0/b7Q1OsCer+xPnB/OtMuzCf8HeBrx6kn5RjqnOr608ApzlLriqALk/mZbJP1A==","shasum":"502f689b8bdffcedfb889c3fbbbed64395b56fca","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.0.0-dev.16.tgz","fileCount":928,"unpackedSize":105316762,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf/AWJCRA9TVsSAnZWagAAcz4P/ieU/TEjlhK/vP8w5lF+\nPamSaDJsNnoUUIiFjhBu+yWBe2AY49vQHkOs3lekH8rviG+UHQYtKz0XqfP6\ndAnDEgNzPTHbQXnsBXRSJOJJiwApBJsBWoUwtnOdb+XRzMHLVGnK6436LR7V\n9RfW/bGxyvcUSfW7+bqb2CfEiWJsJ8/ylcpTPTAQiW0hinJISE46YrUbbnXh\n7mS19rXoFqKlEx3rJe11BeF2a8WQJMQ+DG6L8oZAVzIBPlGkh/b6bgYpOMTV\n5RsFvgj93YQaa9u9WF7ny0Nn99Od+78SQ7XRzHJgrJOo6EGJUu74NbC2M2OD\nlUxcZz8MTkvnHLIiz1QXRinWWD9ACDb8WzUoY3nDt39aPCm8zP1ShXDGSTFl\n5w5kXxbfLex7TO/dgWfdJhwH3tEEBhLlIRpXJj1d7qpcXlKt1qsUrPZK8yaQ\nb43r2Te2CTFmNDwuEBZGfAmpcM93sjvyLcDD6LjfDRbIHqOvQI9P9AKVPg0P\nTLUqkYf60RB2yOdzJVA6ui7tvw2rH45iRIxWHXg+NiGMHHL7PjG5Vefa5sqC\npLlfZr0cF3EyBWjvr5D3vznnlPHe3iNHQfFIupkx4pOF/f2zMA256TAWyx2E\nh7/cixekVrMRWCsoy9a35Sgz/UAr0Hct7IeJsZUhCp5XxswfTsAhGUI18fAM\ndoO4\r\n=EfwC\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDKPTRiWEyN7ciYSGVGmyTMapthjgK/ROA5yVlGh8CZLAiEAhb5RBqYtLzNXNZ8bgJ2/EB6n5wjmzvGDUpgZlDh5WtQ="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.0.0-dev.16_1610352008256_0.06436197179022396"},"_hasShrinkwrap":false},"0.0.0-dev.17":{"name":"@spaceone/design-system","version":"0.0.0-dev.17","description":"SpaceONE Design System","author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"./dist/src/index.d.ts","publishConfig":{"access":"public"},"keywords":["spaceone","design system","vue","vuejs","ui library","component"],"scripts":{"build":"vue-cli-service build --target lib --name spaceone-design-system src/index.ts","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out","storybook":"start-storybook -p 6006","icon":"vsvg -s ./src/assets/icons -t ./src/components/atoms/icons/p-icons --es6","lottie":"cp -r ./src/assets/lottiefiles/* ./src/molecules/lottie/p-lotties","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","test":"jest"},"dependencies":{"@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","casual":"^1.6.2","casual-browserify":"^1.5.19-2","chart.js":"^2.9.3","codemirror":"^5.57.0","color":"^3.1.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","faker":"^4.1.0","fuse.js":"^3.4.6","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^1.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.11","@storybook/addon-actions":"^6.1.11","@storybook/addon-console":"^1.2.2","@storybook/addon-docs":"^6.1.11","@storybook/addon-google-analytics":"^6.1.11","@storybook/addon-knobs":"^6.1.11","@storybook/addon-links":"^6.1.11","@storybook/addon-storysource":"^6.1.11","@storybook/addons":"^6.1.11","@storybook/cli":"^6.1.11","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.11","@storybook/vue":"^6.1.11","@types/bytes":"^3.1.0","@types/chart.js":"^2.9.18","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.2","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"5eed668922c43de989f274a296ea06df7a72e787","_id":"@spaceone/design-system@0.0.0-dev.17","_nodeVersion":"12.20.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-KJRpfVmlDayTo2Gi1ysUxmRdUxgO910KH9zovS1T31pOc+eeekqcAbupGCSid3SsPGEYDiV9t/O6vWd+aP4UPg==","shasum":"ebe3f1885d85936b9295005526f8e2c9abc7f09e","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.0.0-dev.17.tgz","fileCount":928,"unpackedSize":105318289,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf/TQbCRA9TVsSAnZWagAA4ssP/iHsKXjno/DUrKyws+gR\nvgynvV6cJEs6XCh4mGivaYzSesqYljzOCglQMcC7E6JGgzgydZn2UB1x/cUO\nU/+hBc8fmKNkDiG35as6C3Wgjd4PO1P/RBLd5k3/Ye4FwsDmXIqukvwBMKXM\nzy/cgzgAQEjJ+euTSuPGtNbejg7Y/OOPP19TeG4fFXIfw6JL46soYSH3jYBZ\n5DeBHkeWj1dORQdMyvPk1awW3wBWtdEA/EDSw1+WEcWl+hByrZpqVbCUvcmz\nhYspCroAsSBwSnPXh4mU7CpVIXodTcMq64wKqdMoy/u7eqYD6doaOXVvm03Z\nSO/GQZjxGZBw61/D2L4JGjVtQVrGh+XtJ7sVsFzkTuo7rQ5WLgZGNtTdRtZr\n2pv2zfIRV7HQiXjklg8BUFxSlsUvpZEzJSTBMSReW4SlxDWa/TaBhJ/3xbdF\nb0ymEdabBlPdQVjbYMx8WZ4rXo4QuvF+WkcBdJ9DSeMbapSDo/thxHJjgUC2\neQ3eRKiEkZ7d6mtcu/t9tOlrxIVmxIlllIqbNVJXvFVz9C17mRqM/LY7Ex3V\nKIpanzdDdbiGUVl+ppgY94FJr6UOhQS3NR+LErKiXTt2X7r+gjIzfdn21+Pt\nuKRgCIcFHMtzTJo4BLGkA5mIB/OXHul9tiiC2a16q47kM1c7xCG24bQ+vs+j\nMEoX\r\n=XIi9\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICBOKOzRdJMvy6hsxilOec5+OGczIrUtiYGxlC7bEHdfAiAiHI1ZCV/Jr5hV8PWKBMRw5auW74PLEZuvhgscc9LgvA=="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.0.0-dev.17_1610429466278_0.036239969331723465"},"_hasShrinkwrap":false},"0.0.0-dev.18":{"name":"@spaceone/design-system","version":"0.0.0-dev.18","description":"SpaceONE Design System","author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"./dist/src/index.d.ts","publishConfig":{"access":"public"},"keywords":["spaceone","design system","vue","vuejs","ui library","component"],"scripts":{"build":"vue-cli-service build --target lib --name spaceone-design-system src/index.ts","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out","storybook":"start-storybook -p 6006","icon":"vsvg -s ./src/assets/icons -t ./src/components/atoms/icons/p-icons --es6","lottie":"cp -r ./src/assets/lottiefiles/* ./src/molecules/lottie/p-lotties","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","test":"jest"},"dependencies":{"@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","casual":"^1.6.2","casual-browserify":"^1.5.19-2","chart.js":"^2.9.3","codemirror":"^5.57.0","color":"^3.1.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","faker":"^4.1.0","fuse.js":"^3.4.6","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^1.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.11","@storybook/addon-actions":"^6.1.11","@storybook/addon-console":"^1.2.2","@storybook/addon-docs":"^6.1.11","@storybook/addon-google-analytics":"^6.1.11","@storybook/addon-knobs":"^6.1.11","@storybook/addon-links":"^6.1.11","@storybook/addon-storysource":"^6.1.11","@storybook/addons":"^6.1.11","@storybook/cli":"^6.1.11","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.11","@storybook/vue":"^6.1.11","@types/bytes":"^3.1.0","@types/chart.js":"^2.9.18","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.2","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"f0d5c8883e8a640026eef49639c7a711ef124bfe","_id":"@spaceone/design-system@0.0.0-dev.18","_nodeVersion":"12.20.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-L3eu5w1djCmmS0iAqe8rIXK6+Ou3Bja48IFvtNvH9uEsHbnYXmr5nnGzlYDgTQbowXOB+PXcN17/y+b0jFhupw==","shasum":"e4279f3a915b4c7419642caee49dbd62842c7ee4","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.0.0-dev.18.tgz","fileCount":1004,"unpackedSize":107836278,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf/TodCRA9TVsSAnZWagAAlgUP/1iaZkG+9Dmg4koz4rNY\n7EA/1Iojwh/0AS5EGC9MqpW95GG6mB1ZwxIsgjG2dA2TXeir14x3DbV+1VB2\nOhF59kr3DwyMTo9lRTofVj8HjWhf0INDMQO1q5BYIglqwFjZDqYx/BNxOMr3\nF/pJKVi+QiKnHVJuvl2o7zzF6ewQfOHRbkziY58apYXB9ijQuV14TFS6xEAQ\n/m+P/DgdilXYJ4hDiJBWKQTZbTadm+tnvjQBZEZH4XG4NYH4P/bB1EA6yo6F\nAVfnlzWd/vfoyM7X78P3yhKQG8bfMU7RL9Pq7+ub+Penvdi95y5rk98HZN0G\nm04RnRkrk8JMQfUSY+Di/f2QiYXj1+XW3z52mwdkilAUts1PdXxxLsrpqrHS\nf4sSJmnA+LRv0WlXiT4UZfpKDqHvtykC51w0lPziRGcBHzBByVEZB5wn6E7j\nWdIRl0K1VGVi3WOBzlU5yDIuYZO9MHbJPwzQVrX02N28+YgOOB4L0N+0o2Qh\nyrsKUWnXmyS+yO7k490BrCC3lJyYBhRhrTSN5My2P104Ea12kcgyShz/gBD/\nOZ4h8wRH1uT/iq4nuZaxFKiycDfvyorI6PkFIxxeyY87yK2qGavfLtm45STn\n38aa8m+JiZ6w8LWSH6+p8M/amJjFNKmweqIaSoRhAG9BrjfxUKBRQVna/erR\n7i81\r\n=zL9W\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCGLPz0RQAwSfcbp3E/LDjxdkZH6UV8uGpXGfi3CBB1ggIhAJOUgFcaC/nRi0wc4i7MYYIBZMnSi015xnViCx4uFXgA"}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.0.0-dev.18_1610431004356_0.7148148773970529"},"_hasShrinkwrap":false},"0.0.0-dev.19":{"name":"@spaceone/design-system","version":"0.0.0-dev.19","description":"SpaceONE Design System","author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"./dist/src/index.d.ts","publishConfig":{"access":"public"},"keywords":["spaceone","design system","vue","vuejs","ui library","component"],"scripts":{"build":"vue-cli-service build --target lib --name spaceone-design-system src/index.ts","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out","storybook":"start-storybook -p 6006","icon":"vsvg -s ./src/assets/icons -t ./src/components/atoms/icons/p-icons --es6","lottie":"cp -r ./src/assets/lottiefiles/* ./src/molecules/lottie/p-lotties","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","test":"jest"},"dependencies":{"@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","casual":"^1.6.2","casual-browserify":"^1.5.19-2","chart.js":"^2.9.3","codemirror":"^5.57.0","color":"^3.1.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","faker":"^4.1.0","fuse.js":"^3.4.6","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^1.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.11","@storybook/addon-actions":"^6.1.11","@storybook/addon-console":"^1.2.2","@storybook/addon-docs":"^6.1.11","@storybook/addon-google-analytics":"^6.1.11","@storybook/addon-knobs":"^6.1.11","@storybook/addon-links":"^6.1.11","@storybook/addon-storysource":"^6.1.11","@storybook/addons":"^6.1.11","@storybook/cli":"^6.1.11","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.11","@storybook/vue":"^6.1.11","@types/bytes":"^3.1.0","@types/chart.js":"^2.9.18","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.2","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"b65cbbbd2502c24f6151ad45d5b9be86e1b50514","_id":"@spaceone/design-system@0.0.0-dev.19","_nodeVersion":"12.20.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-R+aPD91DFrCy0ALfSIt8aQSMyQnLiVfOv/X3HooQOtFxN98/ONjGz8V8ZX2v+7MbYkjFtUPzGrLUvUGkyc55oA==","shasum":"9c0bf98d06863dc1f306e571f03539f0f26d278b","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.0.0-dev.19.tgz","fileCount":1004,"unpackedSize":107850768,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf/XknCRA9TVsSAnZWagAAOtcP+gPbCuwuQ8Wei+rfDHbJ\nl2uQnKeAsr2vq93Bx6VO9u2e63SIYmOuaOS3uKbf4Qi6GlhgWSBNvZ/5t4EK\nkU2xPtaz73LQ9K1BOf5h1MDn6ADgiSGI3jis+0NRnq8+Y8TTM6uE6Vc+KNwM\nb6JkYDaznNmQSMvuDSVDj49Yi/iRdORKKDXdzZi9alixXG67C82AsICwBWs4\nQglLTaK9PfNNO835xQNFQzPIpKKRdyjmiqssnJqtwv0MF4B1H3xrz+cwhkOC\nyMtbqX7GLNzoEzk200IBV1wRUh4qYtb8es3hhP+/N+pqrE74XofqKvQ+Tv31\n1bku3Ljd+n/mFgKiAVSnkYey0yXnR17IYR6fQmjXWBM4Lt+joCJ4SSFEWCyG\nnpL6edr/dtKdC7bMRKY3mS+VjPhwWynw/twhnCdipsHxTlVQcpq915MTGD4P\nZtGUi1yxaVJ/UZGQrGOOH9mB/y6jr6OEsRuBxbZEA+9UheO6/6wRQ7XAGdrh\ngJ4OIptTJF4XREr7hGaPFwaHMl/8ZWJaK1ni4Pfb16jlxvymqzyCqNde23m5\noJ/4DXVc1SCDnY7Ew+j9QAFs1AJDX6klHTZALh1mL13wxysXZRwffGQxdUCs\npi5vacp4ooKXIhMGEG7qTbSveKDWSDGzs70VJpsjx2wqIR85+W7nJMGf+Im6\nxTIV\r\n=E8fZ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCKwx6mNloJXNX717yIBaCJudN0woqW+DmiFhlJsf9EuQIhAPwE0e75ucVuglzo2frgxCNBhQaOqHyn83anm5ARjNvZ"}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.0.0-dev.19_1610447142422_0.27017431946101067"},"_hasShrinkwrap":false},"0.0.0-dev.20":{"name":"@spaceone/design-system","version":"0.0.0-dev.20","description":"SpaceONE Design System","author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"./dist/src/index.d.ts","publishConfig":{"access":"public"},"keywords":["spaceone","design system","vue","vuejs","ui library","component"],"scripts":{"build":"vue-cli-service build --target lib --name spaceone-design-system src/index.ts","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out","storybook":"start-storybook -p 6006","icon":"vsvg -s ./src/assets/icons -t ./src/components/atoms/icons/p-icons --es6","lottie":"cp -r ./src/assets/lottiefiles/* ./src/molecules/lottie/p-lotties","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","test":"jest"},"dependencies":{"@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","casual":"^1.6.2","casual-browserify":"^1.5.19-2","chart.js":"^2.9.3","codemirror":"^5.57.0","color":"^3.1.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","faker":"^4.1.0","fuse.js":"^3.4.6","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^1.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.11","@storybook/addon-actions":"^6.1.11","@storybook/addon-console":"^1.2.2","@storybook/addon-docs":"^6.1.11","@storybook/addon-google-analytics":"^6.1.11","@storybook/addon-knobs":"^6.1.11","@storybook/addon-links":"^6.1.11","@storybook/addon-storysource":"^6.1.11","@storybook/addons":"^6.1.11","@storybook/cli":"^6.1.11","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.11","@storybook/vue":"^6.1.11","@types/bytes":"^3.1.0","@types/chart.js":"^2.9.18","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.2","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"eb6b763e08fcfc388c35761df0ba5c16ed247df3","_id":"@spaceone/design-system@0.0.0-dev.20","_nodeVersion":"12.20.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-j3ixV3K8g/A1c0ttqq5Qvkwyw4S2BvDpKhRw9EFEogL3eZSbMvBMOLR4EysD0cQqqg0vHlHffvK2Ke1KxpQoYw==","shasum":"0a5ee8b5cc17a4dccd8bd9068c387dd4ce543f2a","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.0.0-dev.20.tgz","fileCount":1004,"unpackedSize":107852160,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf/aObCRA9TVsSAnZWagAA0mIQAIOKnuoQepKoZwKzLd+3\nBlmdXLDUo2HP6ueAm+74J9gj8RymwCcI8iyRdkr+vmPBtgJPdENXGGeGEQJZ\n+w+uFUBmbaV2S01VdAxILo7Wnk1qU3ptBp8hiDD2f5z3Ovc/Iq3RtMYWXaKE\nFBjuiVYCTMzWZ5nOWDawqfYt1L2pPQLWX77J63m7Kor/auvOF8CQ7/VMoZoQ\n31cPt0y7WszZf4BLc+g5YFApJciy3qUk07EygmTx8K2eSfg+qaYDOmQ+eQFc\nwhlOxADvBfSY9R+SbPNubjm8gqxYrNoVpd48xpO/gDBeLp3CurfoRIlh8Ih8\nzymymkSEH/5LPjdylMKYadY+Fo8kaDAMDAT7Aa3cKrz/riTPT6mICSr9MpCk\nMpgpIYiRXcbwOGsgIAMA9pyFCGj7Ruvt1pfeUH4YvP2t+mHWiFl4PW70e5Cl\nY0lbVQ45cqauHuYQkPsRV+z1kNNagWgxw3FqMLPr6utttf+FDdPXAGQx/hup\nhTZoCsUDO17cZNfZYL+S4gfeIZPNhalvuaP98BainGLG7Mvl0xFMVsTxpPMZ\ntsWR6/3XSQBytTP3rRU4v7AS9T4E8ijfInsOkA1BrrV5Imbd5ZQSP03j8bbF\nDDHSLBfyU8y52EF32FeXJNVQg0XJrAiA2HZqeEPkMYt6XG9fRIyQgtEmRGlH\nGDpH\r\n=R+S8\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHx23Z7OHxRJhCcLOYYCctNhiM1UrsTMQMLmmgZLYApvAiEA0sfE3MS74UsvDMEubHhvP4oiGWKBK63m6BLC9y29Z8o="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.0.0-dev.20_1610458010143_0.4595402551818062"},"_hasShrinkwrap":false},"0.0.0-dev.21":{"name":"@spaceone/design-system","version":"0.0.0-dev.21","description":"SpaceONE Design System","author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"./dist/src/index.d.ts","publishConfig":{"access":"public"},"keywords":["spaceone","design system","vue","vuejs","ui library","component"],"scripts":{"build":"vue-cli-service build --target lib --name spaceone-design-system src/index.ts","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out","storybook":"start-storybook -p 6006","icon":"vsvg -s ./src/assets/icons -t ./src/components/atoms/icons/p-icons --es6","lottie":"cp -r ./src/assets/lottiefiles/* ./src/molecules/lottie/p-lotties","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","test":"jest"},"dependencies":{"@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","casual":"^1.6.2","casual-browserify":"^1.5.19-2","chart.js":"^2.9.3","codemirror":"^5.57.0","color":"^3.1.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","faker":"^4.1.0","fuse.js":"^3.4.6","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^1.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.11","@storybook/addon-actions":"^6.1.11","@storybook/addon-console":"^1.2.2","@storybook/addon-docs":"^6.1.11","@storybook/addon-google-analytics":"^6.1.11","@storybook/addon-knobs":"^6.1.11","@storybook/addon-links":"^6.1.11","@storybook/addon-storysource":"^6.1.11","@storybook/addons":"^6.1.11","@storybook/cli":"^6.1.11","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.11","@storybook/vue":"^6.1.11","@types/bytes":"^3.1.0","@types/chart.js":"^2.9.18","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.2","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"d6939c0de5e89347e8886a0c8e5747bc7b219758","_id":"@spaceone/design-system@0.0.0-dev.21","_nodeVersion":"12.20.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-67iW8e1Z4fmM3JvUdEr4/G9g5Tpkj6YzCKWV7VHGM8LS1J7NaJlmtW29G5IFlG50tROo3N8ZabLj5DYcPoldmA==","shasum":"75fa371368880289bad57c81384f1fc8efc216dd","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.0.0-dev.21.tgz","fileCount":1004,"unpackedSize":107852953,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf/aSeCRA9TVsSAnZWagAAVQEP/0bnevMkzAbdmizeMOfv\nv1B1TX63dqVJ/qyIzASxRjcTYPn2sj6CttaafVJA7UpXzNi4aXp+I2huEUUm\nY8KoXx7IquyBt4xblqOfHpw2MPPmKc26gmhh3+ulFW+yws6L7Lf6HX3GwUC/\nlc+cIJiS6giN6PXt1chInR3X3iG6lx02PlyEuZYLp0MVpQoA83Bn4Ro23qf5\n0b56MYFJ0PujTC+hdTs9tA+xetqQtJWa072ksjAC0qSgnFGAuLNFZoVAn10R\nLDKMXC9Jq5uHZQE1Wt54pkYH5dW3hvduGvN8X8QPtzLcMFjx+T+NIM8M0umM\nMyd388zEHPHCD84iKq6+M8fv30nHPTBwpB7+xI5XJsbS95weWRphwKYZXm3C\nvkb584zR8NcpjAriHeOfFcgKpi+Y4N7A6tu0ZohntgEXImhtkzFxyUI/i3HI\nZUJQbe1eHF81YBhUxed8YflAsSHq1BZWeyzReirCIEUFdLM5Q97bhFD+dI6d\nggXoT/bEMWqzxG3vzK97RtOUZpKLo62C5qHqwIAs7KdR83u7qjH2b9UO9Kn+\n0I/SLJ6xHljDokcBXQS/0EhYtt5mMXOthuLSa0q1B5ucoQlxme+TDipNOxAM\ntiIMhWca74gdxkAQWKscsdGk6GBH3GbMZUeI9JNFP7lwqxeKkyunh8xCmzYU\nhn7m\r\n=rDNL\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCtCQMiT6i4/va+xZiyx1TC5BSPaCTrG0fEaizURB2hBwIgcjJq8ccN/xw/2Ys3TolSgjz5GTS3Lev1A+oZaExTv+Y="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.0.0-dev.21_1610458269120_0.2004334562915977"},"_hasShrinkwrap":false},"0.0.0-dev.22":{"name":"@spaceone/design-system","version":"0.0.0-dev.22","description":"SpaceONE Design System","author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"./dist/src/index.d.ts","publishConfig":{"access":"public"},"keywords":["spaceone","design system","vue","vuejs","ui library","component"],"scripts":{"build":"vue-cli-service build --target lib --name spaceone-design-system src/index.ts","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out","storybook":"start-storybook -p 6006","icon":"vsvg -s ./src/assets/icons -t ./src/atoms/icons/p-icons --es6","lottie":"cp -r ./src/assets/lottiefiles/* ./src/molecules/lottie/p-lotties","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","test":"jest"},"dependencies":{"@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","casual":"^1.6.2","casual-browserify":"^1.5.19-2","chart.js":"^2.9.3","codemirror":"^5.57.0","color":"^3.1.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","faker":"^4.1.0","fuse.js":"^3.4.6","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^1.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.11","@storybook/addon-actions":"^6.1.11","@storybook/addon-console":"^1.2.2","@storybook/addon-docs":"^6.1.11","@storybook/addon-google-analytics":"^6.1.11","@storybook/addon-knobs":"^6.1.11","@storybook/addon-links":"^6.1.11","@storybook/addon-storysource":"^6.1.11","@storybook/addons":"^6.1.11","@storybook/cli":"^6.1.11","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.11","@storybook/vue":"^6.1.11","@types/bytes":"^3.1.0","@types/chart.js":"^2.9.18","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.2","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"327e6cd0801a4e55113249255c7b45c66437daf7","_id":"@spaceone/design-system@0.0.0-dev.22","_nodeVersion":"12.20.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-U9UlfmmKToK9PaiZpkNxumDML0VnIMhr+w7agKUuwZmyImn1QuGiHgGHdMQ2im2204UW4t2+DncR7V1OMwM0/g==","shasum":"077181f86f27755fd8759b4a30bf2699f42a36d9","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.0.0-dev.22.tgz","fileCount":1004,"unpackedSize":107852963,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf/bK4CRA9TVsSAnZWagAAv4AQAJFQ4s07K5d9ug4vcvX2\nCHJqDp/m75y92FwAOFfENGEDBXKDC5JDw/Y8lOMhVEacEZenW4giOb0SVN2/\nYhASPvITj6MQjO0OCLgBb12XuZ2hpGEl8RnfF72BQhkjqF0DI3sc/3ci43hW\nzURRjAv/JdDGjnA5YdYzpuBxpXVaHf9Kx33dgw2hBzZF6IuwwepmAZ+bWi/n\nm4aYlMxl3IkYykvKVUoFqVWcxEutWnC/ZfA1YRAvP2bRMJdbb80GnBfjU1ZK\nllVqzh0DYwCxL/3MDFhLVM6L0wxyA2hDIK4kTamYi3JVoOmZXT/Azf1ZtZPE\nYAVC09xmEfTtzDkPxpDL5JDbyka4AUrFIIo2UUBIzQOT3BBFR10j3iYigkhN\nLL6Nu1ftrMZ4rYryjwyfjPuk75Kqz0qUuo72V1kxiCpHOcW1u8lWTaqakcLy\nnFFbDGSyXH0eYbCdheVCp2tkO4XSC578gD7vDdZu58H1BLvWIEVssZ7qAYkS\njdx5+kLtG/K2x5v0YYBranHom7oTREl4+6Vs/gipup7XNuEMqmX7zFb6rP2E\nRNXH/NlIXgdokHiq6wA1kROG6WWkZ+TgjdJt4fYZWiFD0xdQsJscLyKA6Asm\nJnGo5SCtGnjZOokGWTJsBciNc+IJHCTLDzNYFVxu2Muk/U27wTduRmwQXmIH\nvuGv\r\n=BZFE\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCs89Wy+7Df9DORqDYapa448vAUz7Bjkp+zuImwzLsSagIhAN9Qqwbm8l079bfoB6Iyp2AJIJrB07RZUpQTrjtkr3sm"}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.0.0-dev.22_1610461879660_0.7169920106437766"},"_hasShrinkwrap":false},"0.0.0-dev.23":{"name":"@spaceone/design-system","version":"0.0.0-dev.23","description":"SpaceONE Design System","author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"./dist/src/index.d.ts","publishConfig":{"access":"public"},"keywords":["spaceone","design system","vue","vuejs","ui library","component"],"scripts":{"build":"vue-cli-service build --target lib --name spaceone-design-system src/index.ts","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out","storybook":"start-storybook -p 6006","icon":"vsvg -s ./src/assets/icons -t ./src/atoms/icons/p-icons --es6","lottie":"cp -r ./src/assets/lottiefiles/* ./src/molecules/lottie/p-lotties","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","test":"jest"},"dependencies":{"@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","casual":"^1.6.2","casual-browserify":"^1.5.19-2","chart.js":"^2.9.3","codemirror":"^5.57.0","color":"^3.1.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","faker":"^4.1.0","fuse.js":"^3.4.6","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^1.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.11","@storybook/addon-actions":"^6.1.11","@storybook/addon-console":"^1.2.2","@storybook/addon-docs":"^6.1.11","@storybook/addon-google-analytics":"^6.1.11","@storybook/addon-knobs":"^6.1.11","@storybook/addon-links":"^6.1.11","@storybook/addon-storysource":"^6.1.11","@storybook/addons":"^6.1.11","@storybook/cli":"^6.1.11","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.11","@storybook/vue":"^6.1.11","@types/bytes":"^3.1.0","@types/chart.js":"^2.9.18","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.2","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"ba8d8a15f73c17ca9d0ef9a914cd0ef59b47f87b","_id":"@spaceone/design-system@0.0.0-dev.23","_nodeVersion":"12.20.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-FtHip8m1X6y142jUnV4fKhq2fm+qdkgh7PKJBypBT7HkCUwQ1EVm+o7X6f4gLEkluli71ny0xGZuZ6uIAxsuZw==","shasum":"58fe9f0ae1c5b3e8f3445cf0bcb17601d81ba86a","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.0.0-dev.23.tgz","fileCount":1004,"unpackedSize":107853073,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf/bXHCRA9TVsSAnZWagAAsRcP/iP9lt1vIGD76A7DXqy1\n2Ok5KproA2wjWRo1Y546vTGi/Ujj3jOEBWI9uQCMRWpPOQuf69xxXUHDkORO\nWUHcLLKPiPl2CkrO+k9U41c5ZY9n/8F3VdUQ4mDumdNRZ/r0kPIjUg+u4V/+\njfKN4DKi+eyUaequJj3HhViKd1kjuSuCYfJiRYrewYcbvyk5ce+qaUHEWym1\nIMZVCY4OomkYNhJmM6vY07Ps7yMp/0qwm6p5kKxdX2RzFl7kKryyoFzDzhaM\nsW/R5D1/xMUXtA658osIRbgrtP6PcSELvvLhEFMwoO3yWo6N0X2pnJqaFJ1G\nNTkYJ2eZO/I6YyrE6yLYVV7kRYgdkcFAUG64bsfUlCXFtu33+fBtnODIY+Du\nsG8rz9+cWduwDt8xDtf1RkeTYdEelMiUf4VAtpqioBPc4FpwtficgASYw4Oj\nMnaHO/Ksm5VgSBlqFZuHd0iiPO3TI9A4jM41HL/MjzQxLRtTksOd8eBoFwwW\naMbH6SUsfbHJhmNKLG4cBkRVcM1zYjkFeLrc2lxAa+bP8MdHW+2h87uLhKrT\nk9KHElpiMLkfGYhBYygLZ+sBAYFSl2Y7WcBm/t7VXO8j/xsDNfHDYvshveio\n9iFOHULei2XvD6AKfLBe62Gr4YYedi2lcKZJA+SAheSNZQTb/8RdBb0QiuqY\nnALy\r\n=6gwt\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBl1q50/cuYC7wqh7+rU3ynG+FpFwKfeI3Cj5+WeSXJDAiEAz8jZ23TQXtSHD4dMdtxhZGnEkde9988mwkVu7ZDMKTM="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.0.0-dev.23_1610462662583_0.895842457942644"},"_hasShrinkwrap":false},"0.0.0-dev.24":{"name":"@spaceone/design-system","version":"0.0.0-dev.24","description":"SpaceONE Design System","author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"./dist/src/index.d.ts","publishConfig":{"access":"public"},"keywords":["spaceone","design system","vue","vuejs","ui library","component"],"scripts":{"build":"vue-cli-service build --target lib --name spaceone-design-system src/index.ts","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out","storybook":"start-storybook -p 6006","icon":"vsvg -s ./src/assets/icons -t ./src/atoms/icons/p-icons --es6","lottie":"cp -r ./src/assets/lottiefiles/* ./src/molecules/lottie/p-lotties","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","test":"jest"},"dependencies":{"@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","casual":"^1.6.2","casual-browserify":"^1.5.19-2","chart.js":"^2.9.3","codemirror":"^5.57.0","color":"^3.1.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","faker":"^4.1.0","fuse.js":"^3.4.6","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^1.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.11","@storybook/addon-actions":"^6.1.11","@storybook/addon-console":"^1.2.2","@storybook/addon-docs":"^6.1.11","@storybook/addon-google-analytics":"^6.1.11","@storybook/addon-knobs":"^6.1.11","@storybook/addon-links":"^6.1.11","@storybook/addon-storysource":"^6.1.11","@storybook/addons":"^6.1.11","@storybook/cli":"^6.1.11","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.11","@storybook/vue":"^6.1.11","@types/bytes":"^3.1.0","@types/chart.js":"^2.9.18","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.2","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"e53306a025d3c30b62ac3fabf2fbbca27e596997","_id":"@spaceone/design-system@0.0.0-dev.24","_nodeVersion":"12.20.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-St3srXMV/OM+8VXsGi55zXL1rmwmM+lG/WMINi2x41DCK8IUTozbO4q5sHki+358TjEfjVyNEA8hhjikXpgTew==","shasum":"b048482e666d0f6fd157ab07d779c9f5458a06d7","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.0.0-dev.24.tgz","fileCount":1004,"unpackedSize":107852473,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf/bl7CRA9TVsSAnZWagAADPkP/jKc27V9lzdm8Z2IiLWz\ng2D5WjkMlq3N/khkXY5wPCO0Wn57T3cVZ7S5TWUz+M/HYUKyul7WisfQmjem\n3OuNI3qk30kFpMQdG5RS+LnHmG7opJr6lF09B87jBAsLgAuq93zUBhJAq87t\niXURhoPpKTYQ3dpXoDY6YTObOONmDX/+s6YU+N1fN4qfVaJCpacwVv2hIqw2\nHIyuzFscCNtSIel+8I3TIeofqac8f9/WE7CPFPFUDnZTuaBmGrIJdiSMl3Z2\nVZdJefFSsPgo8w7T/LnmF1o6Q8iPebdC+ei7NZx/0/FDtEx7BAO6OUpQaGXY\nzZVC40WBINb53TyTdqp9Pmeb2rI0WWfzUvSoakfD6ciXYsAIKbrtu5W0bOXM\nCsQq881J/j/UhfM+9nI12MRWyCSSyzgHiyo5IhPpT0uCIjii/DVMKcbLNO3q\nU+8mTyg1zLL3kaAY30Jitd9vz+IR+sxGZFRU4uWmAqdemEBZdgs+X1f7JD6I\nzpsieFUUSJSSqkbF5qTaNbbgk8drIArOMLpQoFukbjcbgqM4Utt8PJQbwiRK\nYFlsimGY9ZX469G9Te/6qwFpe6YvXttNk8zagyJykbb5COqvgTy4JtcYd4ru\nm8IER9Kx2o0tqWVdkYqdCA6Jif3KaELGRrHaQdB3JeFm2P611w/VwDdyzRuW\nXlJ3\r\n=c246\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGNHU+IUKMmNyhRoa/6JvMmKhEmlIL+bRq8Vz8hPNW9HAiEA0SbmMCAkvtVcskp3F9uyyfoZiLoY7tt0spvH5IX4y6A="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.0.0-dev.24_1610463609950_0.8844241591303128"},"_hasShrinkwrap":false},"0.0.0-dev.27":{"name":"@spaceone/design-system","version":"0.0.0-dev.27","description":"SpaceONE Design System","author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"./dist/src/index.d.ts","publishConfig":{"access":"public"},"keywords":["spaceone","design system","vue","vuejs","ui library","component"],"scripts":{"build":"vue-cli-service build --target lib --name spaceone-design-system src/index.ts","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out","storybook":"start-storybook -p 6006","icon":"vsvg -s ./src/assets/icons -t ./src/atoms/icons/p-icons --es6","lottie":"cp -r ./src/assets/lottiefiles/* ./src/molecules/lottie/p-lotties","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","test":"jest"},"dependencies":{"@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","casual":"^1.6.2","casual-browserify":"^1.5.19-2","chart.js":"^2.9.3","codemirror":"^5.57.0","color":"^3.1.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","faker":"^4.1.0","fuse.js":"^3.4.6","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^1.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.11","@storybook/addon-actions":"^6.1.11","@storybook/addon-console":"^1.2.2","@storybook/addon-docs":"^6.1.11","@storybook/addon-google-analytics":"^6.1.11","@storybook/addon-knobs":"^6.1.11","@storybook/addon-links":"^6.1.11","@storybook/addon-storysource":"^6.1.11","@storybook/addons":"^6.1.11","@storybook/cli":"^6.1.11","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.11","@storybook/vue":"^6.1.11","@types/bytes":"^3.1.0","@types/chart.js":"^2.9.18","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.2","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"df9ca14615567b9153d98b5b624a866f417f99ab","_id":"@spaceone/design-system@0.0.0-dev.27","_nodeVersion":"12.20.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-Xxs7A3QuCHB6P4DDKFHq2BLhxzvyJPnaOKoKOVyco3NNE9VpyDLxwIBcCErdtNt21k6MdNY45T1ozSW2YiOiwg==","shasum":"467fc667ec6a0413e89d9c55cfa0d74d8c825b18","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.0.0-dev.27.tgz","fileCount":1004,"unpackedSize":107852626,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf/qEcCRA9TVsSAnZWagAAUa8P/0cqwwfcRz4eQxKHXSS3\nbIehWIv8jJdfXEpxH3fnfY8RlLShPYBkryZICdqynFG5jxRxq52PpTxaEpIP\nyNOz3NpfKz4TpmwEgbJDzIr9mlY792NIymYsCZHob5ZcjhAEYIDLBGS72xzE\ndPtWbGiu/iEJyHv26MhdkxaeFfCns7u7zPoYUiu+UQnyLE3VwlxfXMuCZgxf\nyJ3pfXiWdV2KZ5Vvv85JPhUwYz7X7MnRTVzYb0xGFDp1cwys+nnTJn00mmAY\nSwQshCWgaHgb29qP/I+NfMNLJSiIojJRacC+dhufjwGV8lIiGAjMmTLyZrJZ\nEMspW4XlYFpIX/h2RSe9wTJwEM3gIDqMCPjOVNKDwWjXivlcyYS9v3ku4ndj\nX8oW9+zERxbJDFro5RVz/4ttHNWTDwGCbo/3bm7URSo0rwK4ksZK6KIQiJLT\n6F3leIRnmOocII5hIOoEHFTi+mo03FOri6qNGCHXGDCeikIJtZlrvd/jq2hZ\nzGacGhBdD3ie4G6hbVwejSnLC+HpRXqfzsmnVTLBdp+FuWOungR3gZa/56kP\nwx/t1O+POgXrWEw/+wkkbD3KZ0V8SyQiqlde4n8OJR7Al4mRl2ZSM5HYSyjC\nH8jio0Ot3brIQxONEIjzw0pNz3ChnH7vjCOdJ5SsGsdcjSVdDaGsHN2HNT7T\nUoTs\r\n=F6ba\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC5fkF+vBgKZ2fqU381euHWIsj+S3uw86s/xUHXdWGEwwIgEzhcL7ex+8oadqi+xYCBa4h8d3DzXbhgomG1uU2nqsA="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.0.0-dev.27_1610522907630_0.9623897849966885"},"_hasShrinkwrap":false},"0.0.0-dev.28":{"name":"@spaceone/design-system","version":"0.0.0-dev.28","description":"SpaceONE Design System","author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"./dist/src/index.d.ts","publishConfig":{"access":"public"},"keywords":["spaceone","design system","vue","vuejs","ui library","component"],"scripts":{"build":"vue-cli-service build --target lib --name spaceone-design-system src/index.ts","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out","storybook":"start-storybook -p 6006","icon":"vsvg -s ./src/assets/icons -t ./src/atoms/icons/p-icons --es6","lottie":"cp -r ./src/assets/lottiefiles/* ./src/molecules/lottie/p-lotties","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","test":"jest"},"dependencies":{"@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","casual":"^1.6.2","casual-browserify":"^1.5.19-2","chart.js":"^2.9.3","codemirror":"^5.57.0","color":"^3.1.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","faker":"^4.1.0","fuse.js":"^3.4.6","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^1.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.11","@storybook/addon-actions":"^6.1.11","@storybook/addon-console":"^1.2.2","@storybook/addon-docs":"^6.1.11","@storybook/addon-google-analytics":"^6.1.11","@storybook/addon-knobs":"^6.1.11","@storybook/addon-links":"^6.1.11","@storybook/addon-storysource":"^6.1.11","@storybook/addons":"^6.1.11","@storybook/cli":"^6.1.11","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.11","@storybook/vue":"^6.1.11","@types/bytes":"^3.1.0","@types/chart.js":"^2.9.18","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.2","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"7268938741deb7592d666796514e63319d17af9d","_id":"@spaceone/design-system@0.0.0-dev.28","_nodeVersion":"12.20.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-5wAnziof/loLtOvuD1AChUbf2rt4UfCfGLdUZrHR339xxuwmOmP9ioxEmt/bD9ZrGC0OHMO5ZPKdIrlmTT9KsA==","shasum":"8f84c7e87f94db484cbe4b7764be700088630831","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.0.0-dev.28.tgz","fileCount":1002,"unpackedSize":107843476,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf/qMuCRA9TVsSAnZWagAAgjMP/2EDd96rrV5h8h/HnuzL\nIRxA9BwqbNVR/QV6hH6tlKz+yIulUzuh9Bac6FtuPazdBGWXLEQPh1umKIUh\nC6HQDGQ9l5qx0VIglq7sJmFchx3srjEhL9Gdh7JTJ1/WPyNEIDs84JdEiAoX\noez5qRN13/76P/EZJC3Nv+3uX+bxfyPlM9E/gFKwZJQIUTi15Ghtwqr4hwwa\nG0sTIJlYw4TVcenNk30GbsL4HIsJFoiWrfaye4Bc0XsgOavm/71sBr3nwcOa\n0hk1Gy99U/Y6PJ4+q6K5+S4tPxL8vzfO/9lDPX2nP5nOZ3634lOsZgcETPQB\nHSU5aSgSF3SxpE9z4zOGX4O8QPwJsQ500qoAThhhqCNeYkNYjXjfd1lwi+JF\n2YbI1ovO0AbHEuc7p0Q7ldIqzUNoqBo/37JM0QyNTBnIBWR12MCNx+3zLDAs\nFHsEW3sLku49Q+Tpb9KIkegkr/4JfQElyeER7yto8H1rkkN+wSs7dkd1G4Qd\nqG3Yhjo8ElwVsz1LVFjBCwafA1d5T5AH55pRMXevCztJqM2TGT5hSG3oaDI/\nZ9rMilBci3yVgK+Ey0qHiQ+fkQjKelF/OUT63+r1xMNq+edmyZqWS6Pr37I0\nCu8I8t820RPanKy0JPT4F7G7Ij0AMlJnNcyF1YpmajF0zolenYix/ijZY2fD\n4o+/\r\n=/PMF\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAMdHh9KOwT8wM4Dg6xk0EjSE+PHBFhg6BEkoIwoSTVPAiAKZxIB1eend5u9Mh3SoSfSPzde9xodNcxENSrhZ8MVvQ=="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.0.0-dev.28_1610523437061_0.2531085670569664"},"_hasShrinkwrap":false},"0.0.0-dev.29":{"name":"@spaceone/design-system","version":"0.0.0-dev.29","description":"SpaceONE Design System","author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"./dist/src/index.d.ts","publishConfig":{"access":"public"},"keywords":["spaceone","design system","vue","vuejs","ui library","component"],"scripts":{"build":"vue-cli-service build --target lib --name spaceone-design-system src/index.ts","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out","storybook":"start-storybook -p 6006","icon":"vsvg -s ./src/assets/icons -t ./src/atoms/icons/p-icons --es6","lottie":"cp -r ./src/assets/lottiefiles/* ./src/molecules/lottie/p-lotties","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","test":"jest"},"dependencies":{"@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","casual":"^1.6.2","casual-browserify":"^1.5.19-2","chart.js":"^2.9.3","codemirror":"^5.57.0","color":"^3.1.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","faker":"^4.1.0","fuse.js":"^3.4.6","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^1.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.11","@storybook/addon-actions":"^6.1.11","@storybook/addon-console":"^1.2.2","@storybook/addon-docs":"^6.1.11","@storybook/addon-google-analytics":"^6.1.11","@storybook/addon-knobs":"^6.1.11","@storybook/addon-links":"^6.1.11","@storybook/addon-storysource":"^6.1.11","@storybook/addons":"^6.1.11","@storybook/cli":"^6.1.11","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.11","@storybook/vue":"^6.1.11","@types/bytes":"^3.1.0","@types/chart.js":"^2.9.18","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.2","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"d11eccd507c31a292446988f91974c34d57b6d39","_id":"@spaceone/design-system@0.0.0-dev.29","_nodeVersion":"12.20.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-/uXGhF78R+MFOQej7m95TIO86hULCli1Jwq/mtZpycboR7U5g2yZ2cYeb8jljMfhslGup/8R2pTTSrQ/ppaCRQ==","shasum":"23d48dbc0f5f66089f32d266fc1506450aed74d6","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.0.0-dev.29.tgz","fileCount":1002,"unpackedSize":107843476,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf/rZwCRA9TVsSAnZWagAAW5MP/2sj/as1EqP3jdIs+b9p\n9UqNvNxsluMvaE7ZLZ8llkuhCNS9riMvBEM+6ohW7dLcOi2zVKfKqpTzCf6A\nXwClu74k6Z2kxymv4uVVwwnbjpPIso9f4pViQeRTIOyJ6JHQwgQSYFAkrQuk\nOxMFdwRhpzh11FVkNRAp3Phxr33HkjkmpzewFyg7Kg2W+d1g40f5qnPwr3AH\nlLsdhsFCJl5J7AhFjaK7khOFSH+fv4boqlzSh6LIuyIR7BLRoFUwRGJmmyjW\nPLZ0MHdwyIGikHz4VcT9r/Cr3tral+asVeUR8UZvcei2yERGps4672BEgWnY\nO1yCWx4moI/KPyhkL0SXAypq3T5oplPrV7sQNY0TWMzkNVr++4Bm3QWMTmtt\n1d4GOEhp9Oyj3UqmFAOiwMcatINPUmNmXR3juRHYJlwd/bkMLyVv0XalR83P\nxJeEA/ZoFk8yFqUkduK+P1CYiZOJ6B/wD1ASg/PvWG8Vx8Gp3dLgq38268uI\nMA2XouDELz2pdpxBl+YRuWTjTyHsMCVKKJkUpZ1uLthrqb2F10jzaLYkSb9r\nlFzDsmG1E+m/eYXy/MLkSfgnjgvM/w90tM9+9ppYX2kn/xpiv60AJ3iNNEIh\nMZPnx38uc6GQcfcneoGLYN6wcsy37djJn9e9XV9HJIuLzv0KBLwgKoFJ3wkj\noPW9\r\n=DURc\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEdPmPxfq9aDlTCnlycauMKgASp/yyCTlj+NlgZn4yX7AiEAvCRD+nynWqfBfsHk3ty/6Wvwipel8aHFjfjcz7L+l50="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.0.0-dev.29_1610528367676_0.5689481274189683"},"_hasShrinkwrap":false},"0.0.0-dev.30":{"name":"@spaceone/design-system","version":"0.0.0-dev.30","description":"SpaceONE Design System","author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"./dist/src/index.d.ts","publishConfig":{"access":"public"},"keywords":["spaceone","design system","vue","vuejs","ui library","component"],"scripts":{"build":"vue-cli-service build --target lib --name spaceone-design-system src/index.ts","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out","storybook":"start-storybook -p 6006","icon":"vsvg -s ./src/assets/icons -t ./src/atoms/icons/p-icons --es6","lottie":"cp -r ./src/assets/lottiefiles/* ./src/molecules/lottie/p-lotties","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","test":"jest"},"dependencies":{"@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","casual":"^1.6.2","casual-browserify":"^1.5.19-2","chart.js":"^2.9.3","codemirror":"^5.57.0","color":"^3.1.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","faker":"^4.1.0","fuse.js":"^3.4.6","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^1.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.11","@storybook/addon-actions":"^6.1.11","@storybook/addon-console":"^1.2.2","@storybook/addon-docs":"^6.1.11","@storybook/addon-google-analytics":"^6.1.11","@storybook/addon-knobs":"^6.1.11","@storybook/addon-links":"^6.1.11","@storybook/addon-storysource":"^6.1.11","@storybook/addons":"^6.1.11","@storybook/cli":"^6.1.11","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.11","@storybook/vue":"^6.1.11","@types/bytes":"^3.1.0","@types/chart.js":"^2.9.18","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.2","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"ef5dc0c131013f4d1538ed4a0e3351b7aa287c8e","_id":"@spaceone/design-system@0.0.0-dev.30","_nodeVersion":"12.20.1","_npmVersion":"6.14.10","dist":{"integrity":"sha512-nZ/Iyr7oZvEMobSYEVlSCx9vb6q8kg17rTVM34a814pbET0eoc9xyax2fxszVgB17mMZg808fBAzsWwOMo2hSQ==","shasum":"f03efe368ead715b6f215897bf2dbacba5e587f9","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.0.0-dev.30.tgz","fileCount":1002,"unpackedSize":107843608,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf/uwCCRA9TVsSAnZWagAAJhEP/RKChQg4v8vyyo0hhRAS\ng7XV6N8R36z5qTcFN8HXxLl/gTuUEJRwFvqZjHxiKtVG2MR3APY8i1+5+rCu\niijdKS7hdVqnt5mLprQQKbHsVQdjfH/Dwv5ter6PUBy3Jv4jgyOVnShKPbzf\nl2LLKDrmdHK3FRghTkAVNmIoQPbZ6h2BzFVi/d4Fqd9GUAkcWfYt3ad9LJ6M\ntm16eshWrRVhG8qceJnX9L/wYuwx4BRXnSyzYXHFpmrIApyPAQv4K5fw8yIt\nWbGgNZaQUex8PJ+PD1um6vCYEBK4vx6r4csH4/HGJ5mnXs1PG77lIZ3qv9EN\n+fjShSKpzyWpkl7xnOesR+XmP/cYYw1qvAzbwIfVWH1zeFYCugg/9L6J2EtR\n005yF8OeWQ420XWpYzfC18mHmJs/l2GgjuyAnjFm/jvqBUgqHX7lnER21NHg\nwNGlLIy7w5GQGT22+hmA8QESqGEmayNVdniteUjgAgbXULioWz0Fa4QGaG9e\nI6GpV7l9XMyn7e+LecP8HK9Wb0Vwo5MtTxHOK/mOUSvP2YNkMoc2xxWSI/hx\n84u50+Bx2sQmsF87EVsuHJ12EZ54m2NPMKw1V8WGm+9BuAdqr3b/OSmi7VWd\nrke2FFGESQvqG2vpm7bZgS7WS7or7mu9RdY8xKVijOcmtJagBPCGDdYVjGnr\nC9ky\r\n=7Suj\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCMcqRjyx2t4ZDR/UadP+YwhNq+vP3FhDRL+aodNXqk0gIhALlEsYaZk4y0XJK01Rv7rEOh4n7S95EGfINObEDuQeqA"}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.0.0-dev.30_1610542081466_0.4405507027993145"},"_hasShrinkwrap":false},"0.0.0-dev.31":{"name":"@spaceone/design-system","version":"0.0.0-dev.31","description":"SpaceONE Design System","author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"./dist/src/index.d.ts","publishConfig":{"access":"public"},"keywords":["spaceone","design system","vue","vuejs","ui library","component"],"scripts":{"build":"vue-cli-service build --target lib --name spaceone-design-system src/index.ts","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out","storybook":"start-storybook -p 6006","icon":"vsvg -s ./src/assets/icons -t ./src/atoms/icons/p-icons --es6","lottie":"cp -r ./src/assets/lottiefiles/* ./src/molecules/lottie/p-lotties","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","test":"jest"},"dependencies":{"@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","casual":"^1.6.2","casual-browserify":"^1.5.19-2","chart.js":"^2.9.3","codemirror":"^5.57.0","color":"^3.1.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","faker":"^4.1.0","fuse.js":"^3.4.6","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^1.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.11","@storybook/addon-actions":"^6.1.11","@storybook/addon-console":"^1.2.2","@storybook/addon-docs":"^6.1.11","@storybook/addon-google-analytics":"^6.1.11","@storybook/addon-knobs":"^6.1.11","@storybook/addon-links":"^6.1.11","@storybook/addon-storysource":"^6.1.11","@storybook/addons":"^6.1.11","@storybook/cli":"^6.1.11","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.11","@storybook/vue":"^6.1.11","@types/bytes":"^3.1.0","@types/chart.js":"^2.9.18","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.2","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"c52fda3ae21465695749b894105c8893df703f6a","_id":"@spaceone/design-system@0.0.0-dev.31","_nodeVersion":"12.20.1","_npmVersion":"6.14.10","dist":{"integrity":"sha512-NMU6+i/H0+fK42RcoR9idnR4vgHztPqlfVKrZWzgx3OXiUhYKKTxdzvpO++sIcQ0rl9+zu752yUokGl5zHPjOQ==","shasum":"447a0ffe45b149b2fd36154fbf0217b012165819","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.0.0-dev.31.tgz","fileCount":1002,"unpackedSize":107843608,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf/9G2CRA9TVsSAnZWagAAniEP/ikYWITLGj4050dAwYbq\n63u6nCt7hemwTu4Xh7ElswlJVkVMeQh/vmbJbouwh2EQutkTYyPhvdyO+7as\nxIlymczozmEtvi7uTYlWp2mq8VYlLM0Or5lATd59TGjLOFCln6whLmzMpvyg\npospwY1Pde7Up0BRTgoOnZBQ+pm/gvFbh3J96b0V+xophTxqE+2tCMrxUui2\n5j3XHS5IfxFH3udLwzabi4ruZrUA4nZhihlRJLU/qBHt3AxRCti5A91Bzu4q\nGT9oYED/2ePzEn0yn9zRrUaz8ffx6umheUG+weYWs5iCbnO2AMO6blQQS7TS\nH3jB/QUwM8qH7w2XsG1ZDXy3XUTGSRAFKqBdzQu46TyJZGITN7KVacMvsm4w\nkFYfihEJSN8OD8xP8yzeHOfxg6te98Sa0WfzvERQgyte43W/iEpMzp87zHGr\nqYSbWYPIEPbTjE5r5s8LQOU7X7ZL/clQtV98KrbffwzOi4BRt+UutJsQYsqg\n4VPMKit0tf+G2iiiy4KON4sHmT4US+s0JWS4uAgkQ9K06VhNXgwf0VT8dkEd\nxjqAjI7Ox4ltLCox1fwsm2O04z9HpT7zUY4N03+OgzebisptO8FI+SKkGjLN\nHGhV5TmIxO5uiW7kRqI1T7c2z2j93DcuWPe8CfMbdXYFv6GMjHPS+jtHcyMw\ni/QQ\r\n=j5Wv\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIE1dLSOTV/b5zKiErEsMHZedaGNI4KoBcrVSQrbyKpRfAiA7UWDU/ZByScKhc5ZVj2qAP3vjiWSTfvAZ30IH/YIu+g=="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.0.0-dev.31_1610600885315_0.9479573309279521"},"_hasShrinkwrap":false},"0.0.0-dev.32":{"name":"@spaceone/design-system","version":"0.0.0-dev.32","description":"SpaceONE Design System","author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"./dist/src/index.d.ts","publishConfig":{"access":"public"},"keywords":["spaceone","design system","vue","vuejs","ui library","component"],"scripts":{"build":"vue-cli-service build --target lib --name spaceone-design-system src/index.ts","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out","storybook":"start-storybook -p 6006","icon":"vsvg -s ./src/assets/icons -t ./src/atoms/icons/p-icons --es6","lottie":"node build/lottie.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","test":"jest"},"dependencies":{"@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","casual":"^1.6.2","casual-browserify":"^1.5.19-2","chart.js":"^2.9.3","codemirror":"^5.57.0","color":"^3.1.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","faker":"^4.1.0","fuse.js":"^3.4.6","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^1.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.11","@storybook/addon-actions":"^6.1.11","@storybook/addon-console":"^1.2.2","@storybook/addon-docs":"^6.1.11","@storybook/addon-google-analytics":"^6.1.11","@storybook/addon-knobs":"^6.1.11","@storybook/addon-links":"^6.1.11","@storybook/addon-storysource":"^6.1.11","@storybook/addons":"^6.1.11","@storybook/cli":"^6.1.11","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.11","@storybook/vue":"^6.1.11","@types/bytes":"^3.1.0","@types/chart.js":"^2.9.18","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.2","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"81562843ab56567c81973c33bbf0a0111c0541dd","_id":"@spaceone/design-system@0.0.0-dev.32","_nodeVersion":"12.20.1","_npmVersion":"6.14.10","dist":{"integrity":"sha512-gdL6FYvdgrHCRVgfvM/tD+MOjzcj27+8wF+ZE4ciupM26Qh49ipsqCyqCnkSWNK/zD9mDXxHDhseJEoDiRGIOw==","shasum":"370dac0f099e6bd07b2515b21cd64d71e9e25ca1","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.0.0-dev.32.tgz","fileCount":1001,"unpackedSize":107566367,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgAAmoCRA9TVsSAnZWagAAEIkP/jjI0BM2qCu5VJKnAlX8\nI/8xngIUuIY1hWNfvcww5oAYAR7/sziQ3BLHKTZk6sFaDYE0qbI2j403V0G3\n68JcscP9mnr/3Mv3g2gsSVJ2TVEzbuEBV1ex6PzH7mUDhPhA7U9DieZJbRHn\nZz3V7r2FOYA89LlgOj2wVZ+fuKTutjctvm2VQBGYNAiqd254DyT42DxyrthI\n/nc2yQOIrKXf4lRrw3+oLHEKEsAwWGYSO38EFIN3o7tRLYdX7SF4Uz0Iu1yc\nQel02bjB3FEQpzoJKSi8owLCRktLT3ar1T7GSQExY3z69cElZsgmDjVsGWKG\nGTplJDrYuvkdcq1367fdkKDI0uGazj8xlO/B2dpl+Sq/W048Zv9b3BQ9nzvS\nvpwbYyaisolBSJyZTu1df6rduVZaaQ9RMvbqS1w62SXOdF8pthNBz9umX9ki\nD7rxxG+D6oVlt2uaymvMRsPI6lmJ1P+DaSBuc7rnfqAgEakF8h2ir+Stiahz\ngdkYQHk99u1SSJKpAohgPbpkYEks7jUuuWBHvPKOfOlAnBMKX7mjRzKKJNyn\n/rAcp1l+hinLzXfbA6bXKetLHoXRk+xckdk0/GGMPVo1Ush3GGNTkkjYo0ds\nOiWDAusYzrhKOynaYY/MRdXIznNj0LoPGdbS545ZaAPA6JjAi4asFyAxTeWU\n0Y7m\r\n=Akn3\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCEyxlQj93wNofAHUD5rjpCmtuMEozdQSbfgqvBbFS6+gIgaOzy3fhIdpNujWKW9/3x4I9CtBu2oCfQhP3FtkaegbU="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.0.0-dev.32_1610615207048_0.9856602217663943"},"_hasShrinkwrap":false},"0.0.0-dev.33":{"name":"@spaceone/design-system","version":"0.0.0-dev.33","description":"SpaceONE Design System","author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"./dist/src/index.d.ts","publishConfig":{"access":"public"},"keywords":["spaceone","design system","vue","vuejs","ui library","component"],"scripts":{"build":"vue-cli-service build --target lib --name spaceone-design-system src/index.ts","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out","storybook":"start-storybook -p 6006","icon":"vsvg -s ./src/assets/icons -t ./src/atoms/icons/p-icons --es6","lottie":"node build/lottie.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","test":"jest"},"dependencies":{"@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","casual":"^1.6.2","casual-browserify":"^1.5.19-2","chart.js":"^2.9.3","codemirror":"^5.57.0","color":"^3.1.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","faker":"^4.1.0","fuse.js":"^3.4.6","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^1.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.11","@storybook/addon-actions":"^6.1.11","@storybook/addon-console":"^1.2.2","@storybook/addon-docs":"^6.1.11","@storybook/addon-google-analytics":"^6.1.11","@storybook/addon-knobs":"^6.1.11","@storybook/addon-links":"^6.1.11","@storybook/addon-storysource":"^6.1.11","@storybook/addons":"^6.1.11","@storybook/cli":"^6.1.11","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.11","@storybook/vue":"^6.1.11","@types/bytes":"^3.1.0","@types/chart.js":"^2.9.18","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.2","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"87faf96bccb33ae978fcf363206f8d4eea687fa7","_id":"@spaceone/design-system@0.0.0-dev.33","_nodeVersion":"12.20.1","_npmVersion":"6.14.10","dist":{"integrity":"sha512-I6mojgbvfsxrJN7sj3ZytG8gaKfwREllaIVpfSVcuEAPyY/NRtwtYPkIuSYa/PUJMPXDyGEza83CVhDZoJ9xDQ==","shasum":"fc748b1b096afe7c996ba01a9701f926c9c2be2b","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.0.0-dev.33.tgz","fileCount":1002,"unpackedSize":107536366,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgAF5ECRA9TVsSAnZWagAAbcUP+wTch/F8+7sZn66r7spm\nd8X7skp9kUZMDlMSb71Ah0v1JcGe2C9TuYrq1zhVv6fZ0+97V/jwQ08GZplH\nDbxPRF1s910iAdx5SF/a/7ZtsFFL73KFZGx0ebEOYXM89cMcxWz/FgBm01FF\nTpFIA9eeUnLoi9TCr0AaX4gz6A5aFNVGGHnWk7swplfZvJsoqBZi987yPREs\nVT/kNmlA3lsSjYwDfJTgvNY4KCnSLp4AWbK12hJJDn/aDK18wbMEaZaXUKOM\nIxdSXIFdjCRW7Ti41hMqd9oMUIQ4zgH3V0g1AAdsaH6w5fovtjL4u/NNojlw\nqsw5Qh+BDyb0AqnnJFemX7k8kZSc1UB9e6LMHGyxUa0eawL3kMgfyIz/HFIs\n0BKv39lY2dxqjrc3PeR3jZvsb855/MXzWa/B+xo8rwJGVCsTbBsvUxVwTvac\nkv9nYz55+yWuiZMjbCV6DBfZiKUL+anSR0zspswzTGj+vbEtPKe0xMIAPvy1\nSiyyays67vQUoqQGeI/RE/B7FWPV3YHuk5d+yCeS0tvGI+4jJraxfmVsHPAt\nYLRBko8rdF2QN4UX0YBd+/w7pZ5O1xdb+wZ7zfw/TitugbkSatLNv46AZvH3\njrGYFqGAV2Yj4gQZ2+aef2izHC9Z4Mrav7IXUGvLRgexfLvfNM6BD2jPfchc\nXHll\r\n=GWwX\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC+XWLVhvUb/mwNpf9IrpLK0EY2TPVCuVwsX77xXVQbBAIgBTrfGRotKpOp07kC51IR+qdXzoFVyW4T2u2KN7Fm0W4="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.0.0-dev.33_1610636867392_0.7178181209100021"},"_hasShrinkwrap":false},"0.0.0-dev.34":{"name":"@spaceone/design-system","version":"0.0.0-dev.34","description":"SpaceONE Design System","author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"./dist/src/index.d.ts","publishConfig":{"access":"public"},"keywords":["spaceone","design system","vue","vuejs","ui library","component"],"scripts":{"build":"vue-cli-service build --target lib --name spaceone-design-system src/index.ts","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out","storybook":"start-storybook -p 6006","icon":"vsvg -s ./src/assets/icons -t ./src/atoms/icons/p-icons --es6","lottie":"node build/lottie.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","test":"jest"},"dependencies":{"@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","casual":"^1.6.2","casual-browserify":"^1.5.19-2","chart.js":"^2.9.3","codemirror":"^5.57.0","color":"^3.1.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","faker":"^4.1.0","fuse.js":"^3.4.6","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^1.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.11","@storybook/addon-actions":"^6.1.11","@storybook/addon-console":"^1.2.2","@storybook/addon-docs":"^6.1.11","@storybook/addon-google-analytics":"^6.1.11","@storybook/addon-knobs":"^6.1.11","@storybook/addon-links":"^6.1.11","@storybook/addon-storysource":"^6.1.11","@storybook/addons":"^6.1.11","@storybook/cli":"^6.1.11","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.11","@storybook/vue":"^6.1.11","@types/bytes":"^3.1.0","@types/chart.js":"^2.9.18","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.2","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"6328d0aefd95120d156fb049d4b5b7556d9aea71","_id":"@spaceone/design-system@0.0.0-dev.34","_nodeVersion":"12.20.1","_npmVersion":"6.14.10","dist":{"integrity":"sha512-yeL99eBAOMh5TVI1ccjojiMdGjaHUtjouinp8E/BixLzIyHltjDFQ0UC7uuc25J4L1JK2z4ApE1BjTPzJS38yw==","shasum":"6873fab26633c319e0c26e6a03b161f0446e236f","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.0.0-dev.34.tgz","fileCount":1002,"unpackedSize":107541910,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgBRbwCRA9TVsSAnZWagAANDEP/i603HmZs3+2Ec060JX3\nq65qWqb9wPQ3Y9QI0FXSzezMtS3yN5zeWRqCMP+EkIEppLkXdICrIVU6XSZm\nJq6PrTeg5VsRejXaHgXg4Xr4GE3xd0HoN8xBAm2Y6hWlPmw4i966tBgvGTQe\nK1PCP7h6g0tWUMPfKL0/NgW5h7tNesk7c7KA5xsUUv5lzCsE/L40EbCD4ThU\nw3VtZG24vxCnJSasDQde/0EETbYMmNZTnRbTa3eeCaHXet1tnwW4oTxxB6Mb\n4T0Qo/mvQkFe85hv9tVapQFPL0HgDI0F6SXwq8YeuaI82CM3hUYynckiurIu\n+HFR1GH3/5P1V5Y9Mrg3j8HR7NwwwpNyBzZaNyg+xsQC/y9mX3I9/Av9qo/u\nlsVE2vdmDWiF2pcLnF5i2CmT6Wvb02szLrc87Jb5rJ0JVLwfDDD8AABN5b0N\nD7Xm4IB7ckwbgoWan9mQtow5T0LtRWYb2YUs1oJM8cWshwFjjiLQJl9lvMNY\ngiAUbwfZbkL/Ho/AsPOkQz+0SohYYhFidxAnqLpci7ghX8iDtvvmx9EAHHEm\niSRRfED66k5HVwy0TidY1BgOV3abw9aKlRzvCcYUSa1DbGi1eQ50biXxhXKF\nlo4nB8l6ivoWoq8if2U5amd8nh8hiOPSrc1VhkgaXFk/cLNxZGS8/TwnaUx5\ndhwz\r\n=Hgqs\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGHX5IV48FmZH2iIP18j3jkTx3Jn5M1JOUelPx3mtODZAiBgB2H5ZKGo6WoU+FgJOe+lAQ8A2GDy507uHbJTHfGEsg=="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.0.0-dev.34_1610946287343_0.1914048976267546"},"_hasShrinkwrap":false},"0.0.0-dev.35":{"name":"@spaceone/design-system","version":"0.0.0-dev.35","description":"SpaceONE Design System","author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"./dist/src/index.d.ts","publishConfig":{"access":"public"},"keywords":["spaceone","design system","vue","vuejs","ui library","component"],"scripts":{"build":"vue-cli-service build --target lib --name spaceone-design-system src/index.ts","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out","storybook":"start-storybook -p 6006","icon":"vsvg -s ./src/assets/icons -t ./src/atoms/icons/p-icons --es6","lottie":"node build/lottie.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","test":"jest"},"dependencies":{"@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","casual":"^1.6.2","casual-browserify":"^1.5.19-2","chart.js":"^2.9.3","codemirror":"^5.57.0","color":"^3.1.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","faker":"^4.1.0","fuse.js":"^3.4.6","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^1.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.11","@storybook/addon-actions":"^6.1.11","@storybook/addon-console":"^1.2.2","@storybook/addon-docs":"^6.1.11","@storybook/addon-google-analytics":"^6.1.11","@storybook/addon-knobs":"^6.1.11","@storybook/addon-links":"^6.1.11","@storybook/addon-storysource":"^6.1.11","@storybook/addons":"^6.1.11","@storybook/cli":"^6.1.11","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.11","@storybook/vue":"^6.1.11","@types/bytes":"^3.1.0","@types/chart.js":"^2.9.18","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.2","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"da94551e4a62bb754816f227c86a870dcc448cfc","_id":"@spaceone/design-system@0.0.0-dev.35","_nodeVersion":"12.20.1","_npmVersion":"6.14.10","dist":{"integrity":"sha512-dK2ZxUto6kcl/b70TcSp769kzTB/TYXPS1WBWZZU1RSywnrZqoYYJQ6ld6vK/M5vZphkuKFcaFVFnFQpRf8DVQ==","shasum":"f71bc66fe3a9b36dc28e28587a6aa9bb2f231d05","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.0.0-dev.35.tgz","fileCount":1002,"unpackedSize":107531640,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgBTMmCRA9TVsSAnZWagAADrkP/RDXEWuNdMtpgIEtAWqI\nYaZcOuCNE2Gvrta8ApS1pF/km0oOWQ+nY7w/2ygIX64QyJ3QDjG17xupOTtk\nCgN8LxsamSgT+fMeJ+RohmKJsrvVzmooXg3ExQBHGSPx0hzUtOxDgw4m0HXr\nzVyV0SrECtzHwEqnN+aMeIYZlv0KrwR1lXOrWk9cvOxZ0zi0t/DI9jC1HsRz\nkSYcJvpU3SWvN1eUhnGMrg/CcjA6BKHbltGcG2PdMdopKvMVdpkNokWh5gRg\nj/djDq1sRxnDJ18yuGuG+OMsOP5sZkkg2hBeMUrR/IhKckalRz49QUhKYDxX\n6avnlnteQ+eqE9wJz6K70whIZ89RfhUPN0dT09Ux/hDjCCYGT5IjejH0m3an\n+jHtvDuGrfeXujXJHrXD32PYApdouSCKJGwjsHQTd0rF6fFewUSQQqpCmmtK\n1C/gg4IrkF4Mv83zwECjQBAyztImXnkGN2TBNLtZY3EKu2hbf49BqXX8WkVf\n/PIInDPd8PRxHoFN1B13fwDmZfYIuPuoNvTSYwZ0Ex+5MFxTLQyY4cz054od\np5VwHbBYzDSlPa5Bx7xg1JKjmELeXcELDsle/yI+kzQ/APduSXNQvvvhIM92\nNTIffgSMevnyWZfQEImOAwr10zXkf3SopH8j1q7b8rbb4926PILAqf3nrQlT\ntLxj\r\n=HG/p\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCJueD/R6Ij3lyxRRN/SguN+j/MkBwK/X4gkpE4m/vIlwIgTeL3yazNjGQF0agEf2yaUc36namwtgpTS5I8WOXzRG8="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.0.0-dev.35_1610953509723_0.8500103435893045"},"_hasShrinkwrap":false},"0.0.0-dev.36":{"name":"@spaceone/design-system","version":"0.0.0-dev.36","description":"SpaceONE Design System","author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"./dist/src/index.d.ts","publishConfig":{"access":"public"},"keywords":["spaceone","design system","vue","vuejs","ui library","component"],"scripts":{"build":"vue-cli-service build --target lib --name spaceone-design-system src/index.ts","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out","storybook":"start-storybook -p 6006","icon":"vsvg -s ./src/assets/icons -t ./src/atoms/icons/p-icons --es6","lottie":"node build/lottie.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","test":"jest"},"dependencies":{"@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","casual":"^1.6.2","casual-browserify":"^1.5.19-2","chart.js":"^2.9.3","codemirror":"^5.57.0","color":"^3.1.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","faker":"^4.1.0","fuse.js":"^3.4.6","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^1.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.11","@storybook/addon-actions":"^6.1.11","@storybook/addon-console":"^1.2.2","@storybook/addon-docs":"^6.1.11","@storybook/addon-google-analytics":"^6.1.11","@storybook/addon-knobs":"^6.1.11","@storybook/addon-links":"^6.1.11","@storybook/addon-storysource":"^6.1.11","@storybook/addons":"^6.1.11","@storybook/cli":"^6.1.11","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.11","@storybook/vue":"^6.1.11","@types/bytes":"^3.1.0","@types/chart.js":"^2.9.18","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.2","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"6cae11e8337179454f473b1a6c3468a7808f3956","_id":"@spaceone/design-system@0.0.0-dev.36","_nodeVersion":"12.20.1","_npmVersion":"6.14.10","dist":{"integrity":"sha512-ZqFSEj80eqfYUyTuqJuwPyXZFC2Qhl5S3VAZdom45aokSHOmUcqbod8VUS3B1Z3L3xcnbbn+EtfV3r5mDbBfyQ==","shasum":"22bb927a337ab0f1624a745ee3b515be64617483","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.0.0-dev.36.tgz","fileCount":1002,"unpackedSize":107531646,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgBUVTCRA9TVsSAnZWagAAKhUP/3K001KEUeOj1FqYXzoZ\nNdYc26obNHMWWWexlcy5mG3eJZ5uUtgOjCAzb6VSyZKMrw/gT7SGu0zsxIZS\n6I/vxXVacdlVqnMgSG2t+KmgN6qJ0L9h4z+MDbXBxmigJCJGyYvHUuH/+VC5\nXUvRGM1YEDg+s/OD0FrBD+Le8QXJxJt3G7oICfS2i3QqhaolSdfg6cRzcdRk\nvcc/74JzCEHwJ4NOErxin101WXjhAqgoTc3I5la3k/5iI147Ko2mh1kL/OSN\nEfuCI8AUFdDs4fgGdoBr9KZ6Xp3DEjM98cy9xVogUD1K705YI9wuQpWhJQGl\ncI56x+Aif6pDsmYItyqYzOveJx4kzfGQzrOymopwfVE/y1XVbSU6jTsnt+Vl\ncJMjW28nJonRQ5p6O4EPfIPhbBMSqpQFJC8IHg3Vnceu3P5cg44F7GTuzrRc\nQI/owiNsNtHG5mSgzPAQPHvZ20VGiE28fSSMG28+gNypyNWEFLB5n885N8QD\nrC0+TQKUzem3sY3YYD6irutj64kvVXX0+Yd3BHnQa2L0zsHNQ9o4efo+s0P4\nDTrNYvIeXx3KNN9pKQY4Nzxi2RHolG+1DsKUFh+Gc1qel9rSqUebdx07Mokw\nbpGH+9dYqt1PaMLL6lK0CU/FS7XnMHJjhDThlgva7dq6HAM0P98PXrb9vB1t\njEzQ\r\n=glvm\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDUKgN2sjoI3L4jwzdH82mygCJMtUvMslkp5E82OXyTEQIhAIXCQ1qHj/+N/M0rKxQgAyEmOWe35/msHTVOva5/BXsB"}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.0.0-dev.36_1610958161698_0.5101559307538608"},"_hasShrinkwrap":false},"0.0.0-dev.37":{"name":"@spaceone/design-system","version":"0.0.0-dev.37","description":"SpaceONE Design System","author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"./dist/src/index.d.ts","publishConfig":{"access":"public"},"keywords":["spaceone","design system","vue","vuejs","ui library","component"],"scripts":{"build":"vue-cli-service build --target lib --name spaceone-design-system src/index.ts","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out","storybook":"start-storybook -p 6006","icon":"vsvg -s ./src/assets/icons -t ./src/atoms/icons/p-icons --es6","lottie":"node build/lottie.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","test":"jest"},"dependencies":{"@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","casual":"^1.6.2","casual-browserify":"^1.5.19-2","chart.js":"^2.9.3","codemirror":"^5.57.0","color":"^3.1.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","faker":"^4.1.0","fuse.js":"^3.4.6","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^1.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.11","@storybook/addon-actions":"^6.1.11","@storybook/addon-console":"^1.2.2","@storybook/addon-docs":"^6.1.11","@storybook/addon-google-analytics":"^6.1.11","@storybook/addon-knobs":"^6.1.11","@storybook/addon-links":"^6.1.11","@storybook/addon-storysource":"^6.1.11","@storybook/addons":"^6.1.11","@storybook/cli":"^6.1.11","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.11","@storybook/vue":"^6.1.11","@types/bytes":"^3.1.0","@types/chart.js":"^2.9.18","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.2","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"3074d6386d6115bd52533a6ada2b2e132e3944c2","_id":"@spaceone/design-system@0.0.0-dev.37","_nodeVersion":"12.20.1","_npmVersion":"6.14.10","dist":{"integrity":"sha512-QR96Zw/ulzwbVhAV/v86c7z5ADPpLzFNd6tlC15WpXU7MPnQ73uE2RziccYMaeU/BQnpIch0B+PL0WysOHrkUA==","shasum":"85d7b68c2aabbf1e3e2249775366acd23ba35b14","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.0.0-dev.37.tgz","fileCount":1002,"unpackedSize":107531513,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgBUiFCRA9TVsSAnZWagAAoHcQAJy2MIRjfr8a7Y7lZfBx\nyvW8enmPF+i8agEMGVpFzmtr/SsHZFVxGi57tsOGPCNzj2z7rQAcUECmfHWs\nTC+3EsUfVQ480FB7NG7YfWX09TzKkjiai8BHQUsihdzvDFM9iCx4nUVv5qnu\ncczvVKyEoQ64LDf+vd4HnNCZbK/A8bKxeaRPfBvItDD4oWrS4AX/Qu8uDw6y\ni7jDXEI6u4efTX7AG++Z9VDZCfiGDFcLn9gEO3QiD5LNhzTO9/wWu20CA+UC\nL88HjLM8yfLrNo28lQOeN6by3+aOyPxAnM9nJ7qRzNBvyKMZ/c7ILkPnaeBr\n42X58ZlKCmXfO9cqIfoi4ozJIs47ShP5ZSTJwCwdJVIMumLsOON641c4uPxk\nsWBjYVMKPZWgpInNf0qtkf9Rwc/PoRANelXossh4MOm0GRUe5Lhho+r3T+PE\nKneAjP3KQ+GlF7z2OAUEvSQoyNUoj3a6bGT1ruJMvFA2e+Mzwwoca+DlqVAo\ng4oUTGSKzdn+ONHhaPesGBd/aMjhQAArvUYjHRsvvlqXSLoMHqeYmGrE3Z/n\nme4PdVPxRyI4nXgXF3oUwD7D7pjaA1D7jY47fBsF0ZqDIBs8UDjkHjhcwVp6\nsI+bQLg0K2Iq2XYZj0zqEiHHxCU90ftok+clyxeEv345AvXIQ2PjpS4keqvm\njVM1\r\n=2aXb\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGUXDePWe7rQNQrHlAtCz3Ao5Gt6nUuEhgTV3PHc0gJ8AiEA/vYJqGMuGZNMzLPxxxt+o9BRaOifFRxQ+eQ3aikjs8s="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.0.0-dev.37_1610958980634_0.4364900508988123"},"_hasShrinkwrap":false},"0.0.0-dev.39":{"name":"@spaceone/design-system","version":"0.0.0-dev.39","description":"SpaceONE Design System","author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"./dist/src/index.d.ts","publishConfig":{"access":"public"},"keywords":["spaceone","design system","vue","vuejs","ui library","component"],"scripts":{"build":"vue-cli-service build --target lib --name spaceone-design-system src/index.ts","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out","storybook":"start-storybook -p 6006","icon":"vsvg -s ./src/assets/icons -t ./src/atoms/icons/p-icons --es6","lottie":"node build/lottie.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","test":"jest"},"dependencies":{"@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","casual":"^1.6.2","casual-browserify":"^1.5.19-2","chart.js":"^2.9.3","codemirror":"^5.57.0","color":"^3.1.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","faker":"^4.1.0","fuse.js":"^3.4.6","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^1.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.11","@storybook/addon-actions":"^6.1.11","@storybook/addon-console":"^1.2.2","@storybook/addon-docs":"^6.1.11","@storybook/addon-google-analytics":"^6.1.11","@storybook/addon-knobs":"^6.1.11","@storybook/addon-links":"^6.1.11","@storybook/addon-storysource":"^6.1.11","@storybook/addons":"^6.1.11","@storybook/cli":"^6.1.11","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.11","@storybook/vue":"^6.1.11","@types/bytes":"^3.1.0","@types/chart.js":"^2.9.18","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.2","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"bef72fc0c685678284c3aa77a2b2e75f07c1da33","_id":"@spaceone/design-system@0.0.0-dev.39","_nodeVersion":"12.20.1","_npmVersion":"6.14.10","dist":{"integrity":"sha512-t7oPCKwIwboBb2ozAaNyQ7grk7sRtwpmUxzM2dSEfSMUbLRwhLn7EIEWaFfm4NJGtOp/FZPFMVDXIdX7OOWEeg==","shasum":"d641207436ad5f45248b5ad90f40d3a904884ac8","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.0.0-dev.39.tgz","fileCount":1003,"unpackedSize":107540704,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgBU/gCRA9TVsSAnZWagAA9lYP/jSl/6Wr9y8jWebllAzt\nBWTTukDvdqcI+66nwY7EwXrZw4DGpktbCqx0eGfE0FYp6fzR2KC7gCTUAzFA\nyl+lUBiYSiGPH/pEpvLyQlxgqwerajd4GPpIAb9XGABg+cfDIgkRnR34kFIn\nfTH20OKW08r2Z8VS6Y5uZyGlofChcWE8ct/PdQIrafVJNK5fHBoIVFtFn9z/\nyig/rW2a5iwPSGmvFpC+qBe0nG3C0p7BiLBF5zk/1r/UcKnD9Fr+MaDXwyos\nVazyUzCILs7/51qtfHQx+d3BByl3R8bX0Tuxww30+fd1kXzcB9WpVYuH0PUI\nUQnpGbWehzwG9Gx16g+Y2p7lYAMzXMbJSg/Tl/xlgXDi3gFL/DeTnWHhBhe0\n/uYo2v4Vkzwkcg9tyWBzsUCwozdq05bvpykUCWg5ZiRhuitvMyW/78e6mmVc\nqCXb4BdqO4YeT0WUB+hvNEbkAN0GUcd0bv7VnJoBUvPOEzIKxjzruWo5qhYo\nzeCgqkxrON6orYrH2+hJgskIo8BC5oBhP2GNL2S2KKu1cx8GWC3Jf227NgPT\nO6liXqaaTq1UFTuQFaBd+qC1VZHUA2EtHRpCSSlAAqTDH0TnbQh0D0IoNb7Y\n17BWbyPCDIzADg+7vctM2wbRNEdj/HVpF8j7Xb0CxJLmIBlj4SXIKXsWGF96\nfC4g\r\n=UtbD\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD68OE4GmkWFV7X3+EC0+//qBunGtEC/xLvasqSi2HM/AIgFXIjxBUoHSuOru45AK4Uwh14t13y2CjHOF86qtnw6dQ="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.0.0-dev.39_1610960863695_0.678880656975102"},"_hasShrinkwrap":false},"0.0.0-dev.38":{"name":"@spaceone/design-system","version":"0.0.0-dev.38","description":"SpaceONE Design System","author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"./dist/src/index.d.ts","publishConfig":{"access":"public"},"keywords":["spaceone","design system","vue","vuejs","ui library","component"],"scripts":{"build":"vue-cli-service build --target lib --name spaceone-design-system src/index.ts","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out","storybook":"start-storybook -p 6006","icon":"vsvg -s ./src/assets/icons -t ./src/atoms/icons/p-icons --es6","lottie":"node build/lottie.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","test":"jest"},"dependencies":{"@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","casual":"^1.6.2","casual-browserify":"^1.5.19-2","chart.js":"^2.9.3","codemirror":"^5.57.0","color":"^3.1.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","faker":"^4.1.0","fuse.js":"^3.4.6","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^1.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.11","@storybook/addon-actions":"^6.1.11","@storybook/addon-console":"^1.2.2","@storybook/addon-docs":"^6.1.11","@storybook/addon-google-analytics":"^6.1.11","@storybook/addon-knobs":"^6.1.11","@storybook/addon-links":"^6.1.11","@storybook/addon-storysource":"^6.1.11","@storybook/addons":"^6.1.11","@storybook/cli":"^6.1.11","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.11","@storybook/vue":"^6.1.11","@types/bytes":"^3.1.0","@types/chart.js":"^2.9.18","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.2","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"10b49298723fb62184771de0548f000476baba58","_id":"@spaceone/design-system@0.0.0-dev.38","_nodeVersion":"12.20.1","_npmVersion":"6.14.10","dist":{"integrity":"sha512-a24E26SGTmVCzluL5kAsQv2n2cEgEvYztmdBVXlwyKlmpOcNjiBJRaH6ON7zSZygPg/bWKvU3cgjjF6P1AfzKQ==","shasum":"9dd315591bf1061b9eaac54ea1315205bf8ed252","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.0.0-dev.38.tgz","fileCount":1002,"unpackedSize":107531792,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgBU/1CRA9TVsSAnZWagAAMSEP/Au2df7cpS6iw6JNawzx\n2tKjDvjHMfwNVTNp8RN1z8IG8Jes3c4Ra8KPqSmAEHhQjafaOT1tIpaZgTSr\nq+0Cg4kt3y2zcR0iG4Uzi+OaY3ZMvX9FawriyG8BMNpZSbLi2PkVwa8XJiif\nUUa6lt3E+5Egg1RwKM5PlaQmDbG0LLbNjzhoaJwZDLCBXy2sYmAFP7D5yEJn\nwMgXi1jBQzNSAqRwDVls4Xrh7Qfdef8jo/o7fa77NeVndckyAtLDm8jyg5In\nnkiPv9gPYSNch0upj+eNGg+vUzb9xcXw51Pq0rECAq7B3cA5EIx9uY6JTP8B\nV5scEPQdtb1eMCmn0OcwW0QRywt8rGQmru1WKkMd+MizcVOKtcTcgj5NHmq5\nPGoNa1OXt2dlA2sdOGIbw3JWRPGMMSvOD0DOcWsoSlco/z1wHUIOiNZljrbW\nN0YBCBEkFu5TCGAiKHoifY+OrxmjVrcCxu/E0F4J889sjxmDErSFlQkCOX8N\nYCVEKzyWv+LfnkO7kGO6JjP4MVT5VQewxpnpcc+9wcr/e3lTLmbEt3OkzG/8\nkBJ30gIcnNM7XVvR+wn13VlFy5REdmVznqwg+UlhqXpcD+0N2nTsuBuiPH17\nh6QRMtVVQkC6SQnL4gt/pOXN5ZtfKSwVSuoqSm0hmwNK3F9yxreD6MYF2ecD\nN08e\r\n=wiT0\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD0Wj3dVkJneWWvYUVm7xaha1cwnVm/9e+DJwAlQ5RzQgIhAISSldQWbAuTBOEwrvn3uShMNcsSKUvJwpPaOrMPwacg"}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.0.0-dev.38_1610960884239_0.5051478676027885"},"_hasShrinkwrap":false},"0.0.0-dev.40":{"name":"@spaceone/design-system","version":"0.0.0-dev.40","description":"SpaceONE Design System","author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"./dist/src/index.d.ts","publishConfig":{"access":"public"},"keywords":["spaceone","design system","vue","vuejs","ui library","component"],"scripts":{"build":"vue-cli-service build --target lib --name spaceone-design-system src/index.ts","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out","storybook":"start-storybook -p 6006","icon":"vsvg -s ./src/assets/icons -t ./src/atoms/icons/p-icons --es6","lottie":"node build/lottie.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","test":"jest"},"dependencies":{"@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","casual":"^1.6.2","casual-browserify":"^1.5.19-2","chart.js":"^2.9.3","codemirror":"^5.57.0","color":"^3.1.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","faker":"^4.1.0","fuse.js":"^3.4.6","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^1.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.11","@storybook/addon-actions":"^6.1.11","@storybook/addon-console":"^1.2.2","@storybook/addon-docs":"^6.1.11","@storybook/addon-google-analytics":"^6.1.11","@storybook/addon-knobs":"^6.1.11","@storybook/addon-links":"^6.1.11","@storybook/addon-storysource":"^6.1.11","@storybook/addons":"^6.1.11","@storybook/cli":"^6.1.11","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.11","@storybook/vue":"^6.1.11","@types/bytes":"^3.1.0","@types/chart.js":"^2.9.18","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.2","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"21da157679c61c81706c132894653a81867c30b6","_id":"@spaceone/design-system@0.0.0-dev.40","_nodeVersion":"12.20.1","_npmVersion":"6.14.10","dist":{"integrity":"sha512-Zyn0dO0FVL75J96F2VZaUUgcP6xbHDzeQpp1Cdns3r/cDEM5UdyDSIgTJJAgHrPPH13+jpsBHH4n2ZX32j+39Q==","shasum":"ad78d32694545963752db5b2c22b5bfb7c76015e","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.0.0-dev.40.tgz","fileCount":1002,"unpackedSize":107537220,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgBVR6CRA9TVsSAnZWagAAqXkQAIHjx/aonM2xDCxDpO0n\nq+/pXaeUANEEG1uasLfj8bSh2iW953Ypfag0WDSbHeBxHKomqmkZp6jemfn3\na95wHZ4DG03dG0HdrrXArfu+SoyLqMGopRs3KNRpucAe6184BAGmFYZQk8Kz\nrBZ6OfvmDuWSH5UvNdIdrLnW7t59U/3k+oyaHwSLlWaj2IYuVUSwyvUJXKgB\nLTPqja7d45MZkUPrxHBnKzp5FPuj7nfh7KiKlrnXC/AfC0Re6rqUVtCkVUAu\nl4idf983/ItqFejRcl8LOZq3+vHzT94+vCywrWYaA/ndPHqxZx2pOcKUWEbR\ndB6PLBkjD5CFrYciZaYMNOqSLJp/Qydg/v3JnDHI3OzHVySu8e947qVVgnIE\n6KLHx2L+//75s7OkF5e+geqUIOyttH6/GuozC2UR4tMapfmH0SJ4lFjRgRTo\ndc9mO3Py14Dj7BhQ1B0GlvkPrrXSzoO71CR8LfIMovdieP574bXNYdwt5WBX\nzEq7rzmlbPna4ANs/2Xkx6cQCFOh6s7N9AoUm+NH3qnsD2RddyU2w+qycV1K\nDjvwUhzlZKxNgoygHQnPgt5BZb+DFXtpA6ZLA6RW6CTtlxPgLY/nu8JW9r29\nQZesctEVkBDX+JPtnBCaXxP9UoHBTVMkWtLDOocL63dWmEPkPhZHgglITha5\nnL7q\r\n=qmI7\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDATQ/Q5lLwmu9Fyeb+q73JzMFbOiak5I1V4I7z43e8KQIhAMzubnrdklUECvF9zWMY/FlSUeNs95GusZeoVDF/Y1h4"}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.0.0-dev.40_1610962041717_0.25330364252123383"},"_hasShrinkwrap":false},"0.0.0-dev.41":{"name":"@spaceone/design-system","version":"0.0.0-dev.41","description":"SpaceONE Design System","author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"./dist/src/index.d.ts","publishConfig":{"access":"public"},"keywords":["spaceone","design system","vue","vuejs","ui library","component"],"scripts":{"build":"vue-cli-service build --target lib --name spaceone-design-system src/index.ts","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out","storybook":"start-storybook -p 6006","icon":"vsvg -s ./src/assets/icons -t ./src/atoms/icons/p-icons --es6","lottie":"node build/lottie.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","test":"jest"},"dependencies":{"@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","casual":"^1.6.2","casual-browserify":"^1.5.19-2","chart.js":"^2.9.3","codemirror":"^5.57.0","color":"^3.1.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","faker":"^4.1.0","fuse.js":"^3.4.6","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^1.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.11","@storybook/addon-actions":"^6.1.11","@storybook/addon-console":"^1.2.2","@storybook/addon-docs":"^6.1.11","@storybook/addon-google-analytics":"^6.1.11","@storybook/addon-knobs":"^6.1.11","@storybook/addon-links":"^6.1.11","@storybook/addon-storysource":"^6.1.11","@storybook/addons":"^6.1.11","@storybook/cli":"^6.1.11","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.11","@storybook/vue":"^6.1.11","@types/bytes":"^3.1.0","@types/chart.js":"^2.9.18","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.2","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"fd2b6786e7444b77d7659802b0efbef7275dd39d","_id":"@spaceone/design-system@0.0.0-dev.41","_nodeVersion":"12.20.1","_npmVersion":"6.14.10","dist":{"integrity":"sha512-1DzjilWA/dAJ5VTfW1u7XJT3KaHFsmKZ/RVJxK7QgVQqqhSJkGLFytj6x83fdopezf+QzUDy2Pd7EINEzzGjCg==","shasum":"de2068da744254749993fbde171da8155992db2f","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.0.0-dev.41.tgz","fileCount":1002,"unpackedSize":107537231,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgBmZBCRA9TVsSAnZWagAA7mkP/2TZx9UPQbhs4CbRYaSo\nHecn7st9PYLgzlSPknyO6As08VczQiUJcfWopq6D+r9+j9jC0Z6XnCwUM0uI\nSCL3G3d4LCe9GLeWPZa1tmsHdi/8pZzsqj1v5NJhY66oa4HoeoYyoR32axjs\nOg6TfgIPRY1ZMXFAw+4dgtNyNpqn1QTaahcT6n+TtX+BTAImsupc1/F1EXhm\n4fNnu1BspN4aWQbGLPGG6i9nwmQzo6SpQWRG+aZBfVv+5xyzyfYjgwSQRjSD\nZR1yIsT93fnA2httjEj1PPqbyrrLznvJJtKHeYiSZkdbLKj+5K6I8WMVnShJ\nlQvd4OhikeqtOlxvEtgzoZsM+GGEGn8Nm+1o23KEbh1aDhuvkjXfWlVc2tzv\nRqo7qlUGub6d1/Pcl0mAh1ps3vucBt7o4P2/emtHvewtCNKuLEfYAWO+lpFy\ntSyY2ohfvdkaexrnpawXmJDUQP0kCxs1Lg6D/zz3jzmDGRFfQSWi0HM5umz9\nKFPl2rxAym+EjT4nHa8YFTtJ1E/2oFa5Y/MkthKFR7c9rKGyJeWZmCq5DidG\nGRfI6iZtiEdGS6lzsgfyTJjnwu2sJEbFYabHMq8GuW+OqtLXHrJCvv+/1TCW\nX6t7hRdQKk75fdkFe7o3eUL/MXbqBcgtouLkdGc5dUyNrT7SMLzAo7l7BAW2\nYAyt\r\n=2mb7\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCVLJOUtNOPeANeOFRXYmXQjC9if5h6a6rW8YTZmSQ+1gIhAIivuVy7amG/CMh3JkSs6xeDz/iOyBTIY/RU/FGRTM/3"}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.0.0-dev.41_1611032128778_0.2688138521601784"},"_hasShrinkwrap":false},"0.0.0-dev.42":{"name":"@spaceone/design-system","version":"0.0.0-dev.42","description":"SpaceONE Design System","author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"./dist/src/index.d.ts","publishConfig":{"access":"public"},"keywords":["spaceone","design system","vue","vuejs","ui library","component"],"scripts":{"build":"vue-cli-service build --target lib --name spaceone-design-system src/index.ts","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out","storybook":"start-storybook -p 6006","icon":"vsvg -s ./src/assets/icons -t ./src/atoms/icons/p-icons --es6","lottie":"node build/lottie.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","test":"jest"},"dependencies":{"@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","casual":"^1.6.2","casual-browserify":"^1.5.19-2","chart.js":"^2.9.3","codemirror":"^5.57.0","color":"^3.1.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","faker":"^4.1.0","fuse.js":"^3.4.6","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^1.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.11","@storybook/addon-actions":"^6.1.11","@storybook/addon-console":"^1.2.2","@storybook/addon-docs":"^6.1.11","@storybook/addon-google-analytics":"^6.1.11","@storybook/addon-knobs":"^6.1.11","@storybook/addon-links":"^6.1.11","@storybook/addon-storysource":"^6.1.11","@storybook/addons":"^6.1.11","@storybook/cli":"^6.1.11","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.11","@storybook/vue":"^6.1.11","@types/bytes":"^3.1.0","@types/chart.js":"^2.9.18","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.2","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"3ae947d1bd7cfa9972ccf460b5f7f756fb3ed61c","_id":"@spaceone/design-system@0.0.0-dev.42","_nodeVersion":"12.20.1","_npmVersion":"6.14.10","dist":{"integrity":"sha512-Ucy2aNB6/vLxRUDkOLGnHmXXGOSJQpGpzfkD8YLoLC4Rn+6ZN9W8XZHpCdHhb13FKRLjLmeWlf+UOHe6UpKTaw==","shasum":"7b56f64aa89fe058ce8fdf742b4597caf18b08ea","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.0.0-dev.42.tgz","fileCount":1004,"unpackedSize":112482480,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgBnEeCRA9TVsSAnZWagAADUQP/3xjc3n4c2PPs4f4CH4p\nvj1V8urkOCXRhQYlyGwQyjx2wsVobTQnQHJFCLq+764jz7EVmg0KahFVeskz\nJxHL9OBgmsxKWQtFDfp91RaC5I13EujNhCvtXsFdYM4ZF/+WgjR2VPSQDjmw\nltBLXx2HxyMlhxlMPNPmElorbPFKXeYYZL4HKXN+pNi51bghDe/lCepDr/x/\ndr0O5wxZbSDBtetdkAKRZDUdYGmpbMVM52zSQOXHIE9ldJcuSUigk5rNKubO\nSA3kjTsQgvpgzCPKU/0twtbIuDW+tWNRO5JU/AfGG/bbD1pRbV4TznAlyqpx\ned/dpmk5p5hvidZ0g2+9v1kUL9bpVV45Si9sZX6D7NRK5BicHXxvqc16oSYN\nBvyakeXO/vQ/9s2z+lsPYja6evtcLOR8X3BOW8h9EL32JOhqmdA8+CjBEZB/\n1UJUfZfu0dhK6u2X0XBXsVp+I+Y40yoZv+Wd9j8kEnFhk/QOciatlAkd+LcM\na0HYCdqcRI3Xly9GD7MmvNx5Hw0zg3LSuM9yLPEzH9HHDKh7yy8r/xxicbh8\n3nj5I53pgJ5Ga4MhuedECMvV+ABGMkwbUp08JUtRtVDEE29i7RNTUEoARGr/\nv+ZvC6sFJrJ4X9k/dFpuBp6B4sireudYWnCFY1jJFZ//AVdfoN2xAsRRzNb8\n3/4i\r\n=gUND\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHVg3A4njX3TKYx0l4gWGFU/tLT7fcPS1Pvmdh/rtNffAiEA34lfZl2YE2a/I1ThciBmNhduNgj7Bq2w5pn30DJath8="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.0.0-dev.42_1611034909485_0.547240647548972"},"_hasShrinkwrap":false},"0.0.0-dev.43":{"name":"@spaceone/design-system","version":"0.0.0-dev.43","description":"SpaceONE Design System","author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"./dist/src/index.d.ts","publishConfig":{"access":"public"},"keywords":["spaceone","design system","vue","vuejs","ui library","component"],"scripts":{"build":"vue-cli-service build --target lib --name spaceone-design-system src/index.ts","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out","storybook":"start-storybook -p 6006","icon":"vsvg -s ./src/assets/icons -t ./src/atoms/icons/p-icons --es6","lottie":"node build/lottie.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","test":"jest"},"dependencies":{"@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","casual":"^1.6.2","casual-browserify":"^1.5.19-2","chart.js":"^2.9.3","codemirror":"^5.57.0","color":"^3.1.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","faker":"^4.1.0","fuse.js":"^3.4.6","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^1.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.11","@storybook/addon-actions":"^6.1.11","@storybook/addon-console":"^1.2.2","@storybook/addon-docs":"^6.1.11","@storybook/addon-google-analytics":"^6.1.11","@storybook/addon-knobs":"^6.1.11","@storybook/addon-links":"^6.1.11","@storybook/addon-storysource":"^6.1.11","@storybook/addons":"^6.1.11","@storybook/cli":"^6.1.11","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.11","@storybook/vue":"^6.1.11","@types/bytes":"^3.1.0","@types/chart.js":"^2.9.18","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.2","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"016d8a8cd342e1f9abb4e33814a29832c764b6fd","_id":"@spaceone/design-system@0.0.0-dev.43","_nodeVersion":"12.20.1","_npmVersion":"6.14.10","dist":{"integrity":"sha512-0RBFaPJeNRn3DFV5HqWIxXGAGLVpO+s6aktGCAH/HBbgRVYHVfw6W5Ly4ydTK7z5KbxCPxF69AWPJbqVM0+/uQ==","shasum":"9205d595b794fc6d6b1115ad9ec42935f5017a5c","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.0.0-dev.43.tgz","fileCount":1002,"unpackedSize":107554684,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgBnz2CRA9TVsSAnZWagAAq1AP/Re065X+wxX+8monY9cw\n09C3BxZ5nV3gk2URER49Q4ti3nx8CCiyPD2nxfakglefLZ803XPO7fJ7lkrz\nVpDx6vRe1zgze3jE4Y71pqr+lsdzT6BqaSuhNqWW4oPcHoJd3beKQB2lWafF\nWukgnHKXWt40cdDLY1shh30N0TXqfNuYRy1D0IK21ltT2clQw2DRy+IxBT8e\ng8MntLymF9fSslhbdNadRYeI5SxYn3nFmTz3wDsb+9b3LWIIRgB6k1c2n9lI\nx24Wlj/khtuVnbF5FUZ8M048gCvgRwv+kgWnF4ljxABYTt7M+GJh6iPTZFkJ\n+UvX1kSDlI2cTzLtlNnrFWia1pAz7HtKMoFzx40AZGtfm7gOJHvBibEnBIYF\nX9kYU9mDOq9VMOz8SJqTdhArc6BG5Gtcz58VyLMJ+zSUZdQUxk2rRpNxkF55\nRV3f75GpUU+6y/uvkZfVluop8+/s0fOmUutEFjuGach8ICP6T4NiXgGPAY0H\nU3i/DiqKty6RjIfJ4H3vTwzTuTzGk3jYqC6gAJMSV5NWEPeemBiCDkD4sULM\nB6A8UsJgvh8IX2XzmQ+16dOGSvtdFWSCvuji5zhmRfCPye80pVsOi1g9oCyU\nGeoVrWO3rZW4yS6BFIY/OD4dTMF6NM5y+bIbnKqtY6OJBnzewPrmdYKOMVB7\nu4iU\r\n=Xqj/\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIG/tbxEA8bDfqrin3zu2Qe3n8CW31S6KRNghq/Hd0mY2AiEAwllr9+EHs19sdoYoxD5ooq0jyi6oQE1uPL9yfFfXRsg="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.0.0-dev.43_1611037941463_0.2678254493818204"},"_hasShrinkwrap":false},"0.0.0-dev.44":{"name":"@spaceone/design-system","version":"0.0.0-dev.44","description":"SpaceONE Design System","author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"./dist/src/index.d.ts","publishConfig":{"access":"public"},"keywords":["spaceone","design system","vue","vuejs","ui library","component"],"scripts":{"build":"vue-cli-service build --target lib --name spaceone-design-system src/index.ts","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out","storybook":"start-storybook -p 6006","icon":"vsvg -s ./src/assets/icons -t ./src/atoms/icons/p-icons --es6","lottie":"node build/lottie.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","test":"jest"},"dependencies":{"@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","casual":"^1.6.2","casual-browserify":"^1.5.19-2","chart.js":"^2.9.3","codemirror":"^5.57.0","color":"^3.1.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","faker":"^4.1.0","fuse.js":"^3.4.6","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^1.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.11","@storybook/addon-actions":"^6.1.11","@storybook/addon-console":"^1.2.2","@storybook/addon-docs":"^6.1.11","@storybook/addon-google-analytics":"^6.1.11","@storybook/addon-knobs":"^6.1.11","@storybook/addon-links":"^6.1.11","@storybook/addon-storysource":"^6.1.11","@storybook/addons":"^6.1.11","@storybook/cli":"^6.1.11","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.11","@storybook/vue":"^6.1.11","@types/bytes":"^3.1.0","@types/chart.js":"^2.9.18","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.2","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"0f3e8cedda1dd0bb463ed913e1c08d51363d5df5","_id":"@spaceone/design-system@0.0.0-dev.44","_nodeVersion":"12.20.1","_npmVersion":"6.14.10","dist":{"integrity":"sha512-y4VCIuLoCLlBol6PSyySRQYdOOhwfK4FgIiBIuRVoi0c9xOwp8bkiFqvMqGNsQZNgBqBNaJIee3zsznhnz7wQQ==","shasum":"ef8c632c68b9eb88b7a292def6eb3f46b400f486","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.0.0-dev.44.tgz","fileCount":1004,"unpackedSize":107541393,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgBok3CRA9TVsSAnZWagAAIycP+wS3F1m/l2TGpHKhtf56\nUAzlLRKCtGpCvpDQyEwVakF4RnneUST+C1VTn/+wVcOYI9WwPAItpOmTrAhC\npbRQf0rDUKK4D+ZHXroplxQwyZtcyjsuEjFD2CYux8gk9InZvRqIn3WkaObO\n2BgEpE/mn3poan2JvwmGnMMcCrCZe7N1bxkp29DgxM7jR2tsp4cn0vAnUOro\nWHJ+JeCLtMh+QekjbYrzS4iUb6krIkFzSgrR2TWYcnselLUM+pIqRqCm4iWW\nXsLwpFn8uvocMisDiGmBqfmhpYYWCLbNQthlDCFPicc4tzVAtA6UsxJBb7Ao\npyyLM9a9TQ+Bq+N3W76HQ16ln7cV6UTzejCdH73kgB6o1mh9OsoPvw7e+WKX\n57sJ5y0/aO45dEgIIrUzIeP7No4HCgW1uUsHLhhDwB31dBNoNMwjqZ/oSt++\n5aNvzdSeFH2h6p+iFnHRZMrSPHYCkRnST5QFBbOV+7Q4aP5avUjgjH5x0QnQ\nu4FIdIv3Yyhjq2rWANQfPjX0rM9NQbchcIIvyZJ/fUkDaVERmV3TYnEHR8Ct\ndghD6PDJq5jBV1TwZFviBUo6x2ZvaQLwv1KvSS2/wQFjECRiHP0xNjc6XDPw\nEvpM+R4teVbzLyC6y/wEgB1oe8PlNfQnm1MsQeqmbgu/MHYNJx+56aJLhxF+\nLAtB\r\n=NUkN\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHLxo1Igvas/8+/zX3fgj1EEraeJrjWJ0b8m8wRQyuYjAiBWRenGMTma7IJYv4QwEzpw4MHgJNqXCWc13Z9ExIUJaA=="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.0.0-dev.44_1611041077638_0.8478048880729876"},"_hasShrinkwrap":false},"0.0.0-dev.45":{"name":"@spaceone/design-system","version":"0.0.0-dev.45","description":"SpaceONE Design System","author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"./dist/src/index.d.ts","publishConfig":{"access":"public"},"keywords":["spaceone","design system","vue","vuejs","ui library","component"],"scripts":{"build":"vue-cli-service build --target lib --name spaceone-design-system src/index.ts","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out","storybook":"start-storybook -p 6006","icon":"vsvg -s ./src/assets/icons -t ./src/atoms/icons/p-icons --es6","lottie":"node build/lottie.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","test":"jest"},"dependencies":{"@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","casual":"^1.6.2","casual-browserify":"^1.5.19-2","chart.js":"^2.9.3","codemirror":"^5.57.0","color":"^3.1.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","faker":"^4.1.0","fuse.js":"^3.4.6","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^1.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.11","@storybook/addon-actions":"^6.1.11","@storybook/addon-console":"^1.2.2","@storybook/addon-docs":"^6.1.11","@storybook/addon-google-analytics":"^6.1.11","@storybook/addon-knobs":"^6.1.11","@storybook/addon-links":"^6.1.11","@storybook/addon-storysource":"^6.1.11","@storybook/addons":"^6.1.11","@storybook/cli":"^6.1.11","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.11","@storybook/vue":"^6.1.11","@types/bytes":"^3.1.0","@types/chart.js":"^2.9.18","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.2","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"1478354b4b2f182c965b2e945077907afb3ae4ac","_id":"@spaceone/design-system@0.0.0-dev.45","_nodeVersion":"12.20.1","_npmVersion":"6.14.10","dist":{"integrity":"sha512-cH4rY7iyfy1VJOjSaG6//ZYhJt5u7Ajx0GBGSnups4tcIO1hoREoYWuayEtjKvhD2OjBwyw11cZwAacZBUlk0w==","shasum":"ffe29d3903009cfc408c8056e6c5e8ec8683f3d8","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.0.0-dev.45.tgz","fileCount":1004,"unpackedSize":107386866,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgBo3DCRA9TVsSAnZWagAAVD4P/3Ug87ntK1fNSNdUKfzb\n3Mo/3ep5pZh0gN1ezLS2xFrvNGN8pDVY3Idm5l2C7BqwDBxfFL3adCTLzIYB\ni2byrehjwy0qVYBN6SdRpd3iVhQx+gS2ny/Hx41luk5k+wTu8p9Sr93ik2Io\nNQAJqV8Q6Io1/aC+ZPGt7lYwQoFL+AckbXJohb5RHZ2DJoWh4L06wXkRwKx1\nni7m1mpH8eUqD+CG3QbS7DAaobzzW/UZyeau3pWmEkAjXLUNpJtjnhHtvnfw\nAPi9DyjxVV7TFr+EJhoHxJHOcNCDyngd+86HbKi/vbsk4hSaC+ZbMWuX4zn7\nbTMbiilFZNVgwBoacaAZctV9NHYrBCI20+mwXjp4VCoNQOUBRV6jjcd3mJ1t\nZS3MoUmrOIV2eMu7AVyeF6lHk+3mU/GjQuej0kHtZsZ8hFU7B+4EtiJcfMzN\nCPOP6N0t/efPJ3cZMvgxbyghcBah3Y8U+QV3VZExB34r5WPKH9e9Wx/cGKpo\nagI3x4wTU0CqPF6LnKe5JXjiMpcy1/EkrEclR8scrt3rilxyY7xKEsXs3ho5\na7qmK8ytryhuGX07YrGbfveGyyrqlQlrlBnPbx08TatY8hit6GQBVQrpDlVa\np0pbJeEYhEGCqKlIjqsyX9J9JPED9nA65j+NO3JB2fhFl4A6MhJsPQy9tXGf\nvZZb\r\n=FQS+\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAD9zGxFXNrUB2ol8Eh49lGijAs8O0CMXOwiVQ3/aOL0AiAH3IVydBABAamyNSK2IR9IYzXtDaVSo9a29nljvhBsmw=="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.0.0-dev.45_1611042242397_0.3043524348346176"},"_hasShrinkwrap":false},"0.0.0-dev.46":{"name":"@spaceone/design-system","version":"0.0.0-dev.46","description":"SpaceONE Design System","author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"./dist/src/index.d.ts","publishConfig":{"access":"public"},"keywords":["spaceone","design system","vue","vuejs","ui library","component"],"scripts":{"build":"vue-cli-service build --target lib --name spaceone-design-system src/index.ts","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out","storybook":"start-storybook -p 6006","icon":"vsvg -s ./src/assets/icons -t ./src/atoms/icons/p-icons --es6","lottie":"node build/lottie.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","casual":"^1.6.2","casual-browserify":"^1.5.19-2","chart.js":"^2.9.3","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","faker":"^4.1.0","fuse.js":"^3.4.6","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^1.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.11","@storybook/addon-actions":"^6.1.11","@storybook/addon-console":"^1.2.2","@storybook/addon-docs":"^6.1.11","@storybook/addon-google-analytics":"^6.1.11","@storybook/addon-knobs":"^6.1.11","@storybook/addon-links":"^6.1.11","@storybook/addon-storysource":"^6.1.11","@storybook/addons":"^6.1.11","@storybook/cli":"^6.1.11","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.11","@storybook/vue":"^6.1.11","@types/bytes":"^3.1.0","@types/chart.js":"^2.9.18","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.2","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"1643f0a39c0ef35c5058afe6b0b3cfd614b34a80","_id":"@spaceone/design-system@0.0.0-dev.46","_nodeVersion":"12.20.1","_npmVersion":"6.14.10","dist":{"integrity":"sha512-qRGNWwOkcFp0puLHEsokimmDh+iP9qhoibSclG+FdZeuJcneLQDMEz+NkO/hCPeAj3KH56e06tn/pMwfUbt1zA==","shasum":"2d5b7e9a05798fd27ffa2040115125d2f13424c8","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.0.0-dev.46.tgz","fileCount":1007,"unpackedSize":109020682,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgBpECCRA9TVsSAnZWagAAbGkP/2SOpHgOj1q569KRSE4D\nzuFS9EA2zVbg4CazVrhVvQInOTtors88AVvqtVc7hNM2L3yfL4vM8XnqJp6g\njb+bXEW1JncTZyT+tjYN1JQuRhV5iZjQNGosXiRtu5I+iNl/4Cl96jHjN0u6\nXwKmYQTPAg1W7jONxPW/iEO+Yzzey6ii79ihyqPy7w0x3WNnLXYzWGo1BRfb\nUKR56ERbxDKc/9Y4fN68ukELbg0fln/SzIgrffhyZC489zv6/IdLIpQbyTq5\nf6HjIuEa1Pg0lENCy4ZeKHY1NkGESqlDnOtOlpyFUfRA+G4bXvotsLa8sy/u\neQvAM4d7uA/2pTx9VjBb7KpGok3BdcEhPI1+rpXnC/IeFRWSabgc97xMiJjB\nr8nLQkbfepi3sZ4SuCrygIUKa190m9XAh2eRBUgy0V+dOtZS9T2axxRY3qkz\nGKcooMKN3Xxq8gHoex5wvxxiTwj1h0hdMC105W54Z7DFoZuy8PlseAm+BUpf\nF0rnwqFcRkTUQupBTDw+SnmlSd/KQ6Wc2SsdWnV9gJHsm6AFmjWdiqTuQwBN\nhTLea0RgyAELj/WkxAqKl/2atcRgSLxI8MbUeJGPfCIgoSRAzzOOK+mSEX60\n/iWDWoKxeRJyKF/epw+dx2k0dT9vt54htCeqgmD3Us3bhsBNkxgJx3i6Hrg4\nYmBD\r\n=TQpW\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAO173YRkWPk45cf5VmdqFhkys9np4mTuheHUBl6uDrdAiBWG+UHeLCL32nMfBsbNt0foqUSeSwNd1lumhl/Av2TKA=="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.0.0-dev.46_1611043073556_0.6027639253219692"},"_hasShrinkwrap":false},"0.0.0-dev.47":{"name":"@spaceone/design-system","version":"0.0.0-dev.47","description":"SpaceONE Design System","author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"./dist/src/index.d.ts","publishConfig":{"access":"public"},"keywords":["spaceone","design system","vue","vuejs","ui library","component"],"scripts":{"build":"vue-cli-service build --target lib --name spaceone-design-system src/index.ts","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out","storybook":"start-storybook -p 6006","icon":"vsvg -s ./src/assets/icons -t ./src/atoms/icons/p-icons --es6","lottie":"node build/lottie.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","casual":"^1.6.2","casual-browserify":"^1.5.19-2","chart.js":"^2.9.3","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","faker":"^4.1.0","fuse.js":"^3.4.6","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^1.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.11","@storybook/addon-actions":"^6.1.11","@storybook/addon-console":"^1.2.2","@storybook/addon-docs":"^6.1.11","@storybook/addon-google-analytics":"^6.1.11","@storybook/addon-knobs":"^6.1.11","@storybook/addon-links":"^6.1.11","@storybook/addon-storysource":"^6.1.11","@storybook/addons":"^6.1.11","@storybook/cli":"^6.1.11","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.11","@storybook/vue":"^6.1.11","@types/bytes":"^3.1.0","@types/chart.js":"^2.9.18","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.2","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"b06b124a0e5395ed02c1fe1b3d337bed66faf1cb","_id":"@spaceone/design-system@0.0.0-dev.47","_nodeVersion":"12.20.1","_npmVersion":"6.14.10","dist":{"integrity":"sha512-SmgFHC5gf85oVfpEvzsk6fJkd19Zg9M2FTNimA3VW2aQZSVWMuAp+OU0cWk9d5E/50js/1n4OECqRgWWGqCXpw==","shasum":"045db3f58c18ca5c95f1d11b59303787bd05b460","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.0.0-dev.47.tgz","fileCount":1007,"unpackedSize":109020794,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgB5LyCRA9TVsSAnZWagAAyxkP/3Bu6YIWxrZqnPzHxQUT\nN/gQiVhUBbka70omXTozWkp8hkjsjBiBDvjPTqHDvRf2VKpZ7hkq9BiGGAGz\nJZR3dK5obtNdGWz3gxvMliL/IhtHmJnWGoqtqzEqW8VYsf5NzUDz8ceSc0+f\nXu/VOwLhLToK9E/M34Mj4ZjyLDygnRQ1GhjZ1lyLq34pC0gFzKhSakZbd4HB\nGZX3pXlzK1K9fX0jEqrvk7w5Pym2ckwrZdfVA8Ib8yBZYz7FjUgGzrc/QD7U\nHXqAmiHK1AF1XaksETAnPkD6NtErOC0r0UfC+q1Y1H3EPkwOZxQB5t7xBkKA\n79pa3xuX+fBExSW71HFzHu/0/xhP8vnrKqtKrXG3P0sQiNccDACRlY/uMJwR\n9FML8eEu38+wO9fMRSnm8KUsPzddCyChHHJiLhKqwAGT1ZA7YynuabL9o6Mg\nAuDIs3PRe2YA1EotoXWB7kvnYWjoosAsy2LaUNZ4hM5JyTfSptaN0kT7eiPu\ngeU9oiqeROuRwuCOOWLuN390qJ+hsp95C2PoxGzNF6TRJO1imTsXA26T7aM4\nc+lNpMqStrQ/nXrYZtUYtAT47dy2Rhs8qYGFOzGcXzOoCoRv85WgeDFptyQT\nZhmF9cEdF8V7peKzk2T0sdwW0zzbiGkGOHvT3oU7J+EdfKkJXpiV4ZaN+nUb\nu5/g\r\n=/md6\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIH7wLpnhKBRngkjKgRmQRqfShUErzB7+EiSl1JKJQERJAiEAz0Z2DBgXLQd1dHTAIaUH+aCK28FlomcC0LwVMk4VB2U="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.0.0-dev.47_1611109105504_0.9599738421225772"},"_hasShrinkwrap":false},"0.0.0-dev.48":{"name":"@spaceone/design-system","version":"0.0.0-dev.48","description":"SpaceONE Design System","author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"./dist/src/index.d.ts","publishConfig":{"access":"public"},"keywords":["spaceone","design system","vue","vuejs","ui library","component"],"scripts":{"build":"vue-cli-service build --target lib --name spaceone-design-system src/index.ts","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out","storybook":"start-storybook -p 6006","icon":"vsvg -s ./src/assets/icons -t ./src/atoms/icons/p-icons --es6","lottie":"node build/lottie.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","casual":"^1.6.2","casual-browserify":"^1.5.19-2","chart.js":"^2.9.3","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","faker":"^4.1.0","fuse.js":"^3.4.6","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^1.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.11","@storybook/addon-actions":"^6.1.11","@storybook/addon-console":"^1.2.2","@storybook/addon-docs":"^6.1.11","@storybook/addon-google-analytics":"^6.1.11","@storybook/addon-knobs":"^6.1.11","@storybook/addon-links":"^6.1.11","@storybook/addon-storysource":"^6.1.11","@storybook/addons":"^6.1.11","@storybook/cli":"^6.1.11","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.11","@storybook/vue":"^6.1.11","@types/bytes":"^3.1.0","@types/chart.js":"^2.9.18","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.2","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"b23b6e1994f2d1d605630b1f4893e1d954a9ec9b","_id":"@spaceone/design-system@0.0.0-dev.48","_nodeVersion":"12.20.1","_npmVersion":"6.14.10","dist":{"integrity":"sha512-iAzVvHHJcVOkJPeBr5FqUHvFmsZ3Kc7NO40PlyHebrSFGwQP6fLwgsH0El6tJOYaDTamAVrxBkU/LWGGGPZjeQ==","shasum":"0713182c6313497f4c7cc4dd2a1121c35c2ad63f","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.0.0-dev.48.tgz","fileCount":1007,"unpackedSize":109020443,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgB9PYCRA9TVsSAnZWagAAkTkP/1sV4IDLxw5Kcm1/Q0do\nzuDHp4Xed47mn8kZFkqr9i25WVQSYeQR5LIYkPqJzOIdtBZIHM07+5mZjqYn\nWM4OADBV6tZURy1dSqw5kzqquwAWymtQfmiRiK8qlQtGVKia+WtAV9HysmZi\n/AyKv/XzAY8z2Y/mWv1EE/iri0AISu4ltd5opawiZH2hmrBgrDKW8048jFJ9\ngGL5jrIC7R4wbd5ts1rlg4C20ghnxMylreIzCat4hTdYBTsKHLqyzJZwEgbb\ncBXx7DHb5it6H+/OgyA7Y4L5Pf32ifyZ+1lfOyB3mi6QbJgajezthvrJRwfr\n1Wg1AL6m8IHGQEYd+5gqK9WcvfDBpG7EfP36pV7hzgrwU8/qdwLCYuCIR7Ai\nBJMsoIPM62y/AhXpaixKv3xcKqsIT97ehKAxrdBaM7/FvfnWy1Qz9JKkdOZy\nnF4b3/rkvFDahNU5x2HYM9AEfpgfwSjfwJtkx1eBPqGfnBkoU5wWuND0HS3H\nmCKzGXpW9wPCKbch48GKe2BF9rvlSwG33Xfaue0lHPaG59a98JJH6h7lKIU8\nV+CJX9UqD0lwH0ept1aWbtS/R8Oq0GxovlIiVPx2gdVOuvPryi/DgP+Nko2v\nuKhimczjcGLoZk3TkKEJmA+7YGD0HSQu0jIR0cdMKxqTdMFCW33/Z5pTQMNA\nkLon\r\n=zbLO\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDgKtkGjqPtejyuYPbsmoH/bYje9uLQgF7Tra1oJqd3eQIgNnRWCjeWxV3KbTn1/GgxKyqJvJc5qPe3vqV11+bgMhk="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.0.0-dev.48_1611125719268_0.08187488778799512"},"_hasShrinkwrap":false},"0.0.0-dev.49":{"name":"@spaceone/design-system","version":"0.0.0-dev.49","description":"SpaceONE Design System","author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"./dist/src/index.d.ts","publishConfig":{"access":"public"},"keywords":["spaceone","design system","vue","vuejs","ui library","component"],"scripts":{"build":"vue-cli-service build --target lib --name spaceone-design-system src/index.ts","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out","storybook":"start-storybook -p 6006","icon":"vsvg -s ./src/assets/icons -t ./src/atoms/icons/p-icons --es6","lottie":"node build/lottie.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","casual":"^1.6.2","casual-browserify":"^1.5.19-2","chart.js":"^2.9.3","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","faker":"^5.1.0","fuse.js":"^3.4.6","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^1.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.11","@storybook/addon-actions":"^6.1.11","@storybook/addon-console":"^1.2.2","@storybook/addon-docs":"^6.1.11","@storybook/addon-google-analytics":"^6.1.11","@storybook/addon-knobs":"^6.1.11","@storybook/addon-links":"^6.1.11","@storybook/addon-storysource":"^6.1.11","@storybook/addons":"^6.1.11","@storybook/cli":"^6.1.11","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.11","@storybook/vue":"^6.1.11","@types/bytes":"^3.1.0","@types/chart.js":"^2.9.18","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.2","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"22f70882bbe90f0c7f9e8f59067cf1b936a588ba","_id":"@spaceone/design-system@0.0.0-dev.49","_nodeVersion":"12.20.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-cRY1iZnw0IsskPRbEGinEU2nydjB2AmVX8zbwxFLO9WX1+St8L3n258YjD7KCOAf9OJKzXkVV3gQetbXGagWCA==","shasum":"114e99a514c52578a99e5457ddec8081fba96eed","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.0.0-dev.49.tgz","fileCount":1009,"unpackedSize":109027829,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgDib8CRA9TVsSAnZWagAAB2gP/1e7EOPCHO27KUQ7mM51\nctNZtpMaIYy5yyKgxJbmey6v7njzovArYwpDRyM0oY9Om3/8xnJ4HyC0WnH9\n5Wy6KB6VcXvAePGgxeW3J2I2ULLoJsyglIxVqw8wrv9AfN+dYrW4r7D3xQFL\nvtWUjLS2yM3kCDSo3tygZeSbwL4RS0OwNYMC9ETtf74nImdJ428Onls19/02\nZ4E0R+dgSnAYBh65W9rwhF4sF8KSO4tLBAV8/j9Za0WJK4sqlnONGBnGWLlu\nKLiJm/dwc7v/fIRuMHVhvMa5tp0E8gVX2pa/Z0m0Emg+m/wfB4jhv8x4ankB\n0Z0tf3WxxQLJrh54W7fLsxw3tlRGWFL5PjA5VvLq/CUugweKjDrYm0KW4Sc3\nxohAV3PW4TI6/IOl0Y8E/V8nxrXnDRFgmJb+zDmKN+10gY5+cXeUA1qN0D3V\nU2rvi83TT6Ld7+tkrzWnT9f6NYU7eEMEKdqgnoZ1p8QYTFTSWUw+kMZylPxr\nPBpM534Sf7wzXMcvNHyxOXOIeix5wpl2VOcvraYgNbrqBe8jcHNsOxb48rl/\nllrv2guz/x31J0p5sIIOpF9LAkc744k8TqJD+vak2oQ/zXw5KEqGetk3mVMx\nSiEU6/TzEli4V6017UCxWePqgBMlR9QYANIZxhozQbnr3Cp7lfiAZ8xm3zTo\njVAr\r\n=vMNn\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHlWN8oUzz1oqhQbIINdWhVFKThCH/iZxpLHqEuAtiImAiBw8lkHY7qXkpw73y6+ICkoXrQ/DlugUYzCu/bpO1NBVw=="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.0.0-dev.49_1611540216839_0.4600949342300904"},"_hasShrinkwrap":false},"0.0.0-dev.50":{"name":"@spaceone/design-system","version":"0.0.0-dev.50","description":"SpaceONE Design System","author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"./dist/src/index.d.ts","publishConfig":{"access":"public"},"keywords":["spaceone","design system","vue","vuejs","ui library","component"],"scripts":{"build":"vue-cli-service build --target lib --name spaceone-design-system src/index.ts","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out","storybook":"start-storybook -p 6006","icon":"vsvg -s ./src/assets/icons -t ./src/atoms/icons/p-icons --es6","lottie":"node build/lottie.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","casual":"^1.6.2","casual-browserify":"^1.5.19-2","chart.js":"^2.9.3","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","faker":"^5.1.0","fuse.js":"^3.4.6","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^1.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.11","@storybook/addon-actions":"^6.1.11","@storybook/addon-console":"^1.2.2","@storybook/addon-docs":"^6.1.11","@storybook/addon-google-analytics":"^6.1.11","@storybook/addon-knobs":"^6.1.11","@storybook/addon-links":"^6.1.11","@storybook/addon-storysource":"^6.1.11","@storybook/addons":"^6.1.11","@storybook/cli":"^6.1.11","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.11","@storybook/vue":"^6.1.11","@types/bytes":"^3.1.0","@types/chart.js":"^2.9.18","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.2","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"d9f8e3617b91c06df9a4ea1fd604668a5464bbed","_id":"@spaceone/design-system@0.0.0-dev.50","_nodeVersion":"12.20.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-QsAF541kRkcfFadmgM51wyKZgJXRNIxB5EMfqx88G3KTZAODMfpxHTrZasBcySKg88BXSJMzYMkjEzM6Csv+3A==","shasum":"8c09098af0cea8bf5506f345f31f6f8e035da359","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.0.0-dev.50.tgz","fileCount":1009,"unpackedSize":109029938,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgDoaRCRA9TVsSAnZWagAAKJEP/0bZnk/1Ji+GlwJQroVm\njmmGi0LNACofCGkDJkdti2KevyceEfbtTtB78o7IWhPJDSyNu9eaymKz0y9A\n28FyU+rVEW+/UqHD6M/cWBoiauAaxwvHxJCv1VSYIz23Ir+b5d6ILfoedyjg\ndmix/xILxPah0i38hzL1mUKWlt/4MevUptw//BQBwPBNLaqEB1zP1rtBHGp/\niZMQEdlPwme6R8j4WGjXj8gJQE/rOxz53ETY9PJcEhKB+bgpqDsvk+CyNaCh\nnr+AQnzflF5z6sFMmvuigs9Muuxez/OlrFCIoJWhhiqPmBiJwkngsBDbKFIN\nDcoYF39nBVJbIclhqNz6hBpkrVpDeDUHsA5UPGB4JSff9MV4Lb9t5SarfW0+\nHgSts8jDBFkxEFvCAOSR5KgamBU1OGqCGphM2X6mFheq1VBFe7PxxCX77sbQ\n9zdKFHggkXf8R0x3fleEeizbUkjUdXVYWPWjg4gWajXhEEcd0yLJFSxAl2Nq\nXQH0y6om6yAF/YySVlGrOg6fR1JprXsBFIUHB5wSxpy8xwUGJ1rJ3mdEIVW5\nklUY03JUiP4YW1A5f3nL/6bWakPPwLldw5FviFdmZ4YmjS97A8+J9C2xctjI\nAGmmg25n+CiFWXMey69qbfXiKaO7ZUMd8GG5xRg7aiHK3QduIDqTj6nXd5Cj\naNVk\r\n=7RHs\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDybIn+RC8lb+Iqt8yU0NSVsws3fmHFrXx5M7JxDymsawIgY+JzqBCysf9G8h7/9OQSM1bbmlQ2fZgOUKJ0ol2NOa8="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.0.0-dev.50_1611564688010_0.707563840225389"},"_hasShrinkwrap":false},"0.0.0-dev.51":{"name":"@spaceone/design-system","version":"0.0.0-dev.51","description":"SpaceONE Design System","author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"./dist/src/index.d.ts","publishConfig":{"access":"public"},"keywords":["spaceone","design system","vue","vuejs","ui library","component"],"scripts":{"build":"vue-cli-service build --target lib --name spaceone-design-system src/index.ts","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out","storybook":"start-storybook -p 6006","icon":"vsvg -s ./src/assets/icons -t ./src/atoms/icons/p-icons --es6","lottie":"node build/lottie.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","casual":"^1.6.2","casual-browserify":"^1.5.19-2","chart.js":"^2.9.3","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","faker":"^5.1.0","fuse.js":"^3.4.6","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^1.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.11","@storybook/addon-actions":"^6.1.11","@storybook/addon-console":"^1.2.2","@storybook/addon-docs":"^6.1.11","@storybook/addon-google-analytics":"^6.1.11","@storybook/addon-knobs":"^6.1.11","@storybook/addon-links":"^6.1.11","@storybook/addon-storysource":"^6.1.11","@storybook/addons":"^6.1.11","@storybook/cli":"^6.1.11","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.11","@storybook/vue":"^6.1.11","@types/bytes":"^3.1.0","@types/chart.js":"^2.9.18","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.2","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"f11c4bea8df6c865b4567d09adc803101c8f7629","_id":"@spaceone/design-system@0.0.0-dev.51","_nodeVersion":"12.20.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-mXhZTdsUANW+2CYpT7XYi09hviTD98kf1XYHhbYuJYVILe92IZGqsDyjA70//N0kt0L/xosx+glkqNouZjQTug==","shasum":"0fde43e6e0f2954e2d8607acc7336df339ebb09c","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.0.0-dev.51.tgz","fileCount":1009,"unpackedSize":109011956,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgDrN7CRA9TVsSAnZWagAAEJUQAIuX9993ikYsR0o8wMyQ\n4MrjQ7eeqTjYsiKw2AYY6ne1/XQt1B65xjDjpy6XIzcjBmgv3uPUVk9FpjyL\nPCI/gzMmkT2+nFXjmEGV17DhKXnwtW2j6DkwuRf89nYOjCDqdhETqWgB7hKf\nG/IIe8vYct3K54tbSq+OIs8OB23FdsOEMPUXU599mmOf0rY7LSB8R7JUeVB+\nXVh6Zj63RpXuGR+2s5B2WoGsEH8fezW0s/dFF/+ED0jqlNZgghYj4h5YgZsr\niC206KENq64vWZGSwP3cJRikmzNSv1bq7XpZiaf6v3HfttVRzJ0GEDguFGhZ\nGX3pUdqqV7icYv1bIHTdcc+Yobc6hkLRMCZ2Z06+y9MLkjP15uB2Nq/50s7+\nboNhZwNF09ebXN+rVbRODs5AbKmXu4jP77hjgzVTJ2y2OZ3O8e4ZOaPPWxlY\nTiNkE19cGykl8IBIYBcWGo2D0uL99hC6+1rMwJxo4QfKAB/kJojJp0L1Hp4L\nBbGcfKTLf5ymWelp8gQKj3SK//0YLRaKJmBAJSPgjc3OxXE3wbJWSZ9Hfcgl\n7DVThx/Ab6x7Rqvs0aIlMAJvZbbUnw8og/YIbRFnYWx9enKADCIQ/rIDNby5\nF4rLurzxy5Xm7OriS/rFRXBA7NX5lL7WkMkcmJlhShL9bET2LBVvQjFJ485m\nT8bu\r\n=GDYF\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAXZupWRvdtrkq6hkkq0x0aOylPXTWnn6yMzaL0vrUklAiEAh3g2YEGwS/7U/5XzP3bYxqtVdO8AYjjhxtUu0PKuWtU="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.0.0-dev.51_1611576185933_0.49669785862432136"},"_hasShrinkwrap":false},"0.0.0-dev.52":{"name":"@spaceone/design-system","version":"0.0.0-dev.52","description":"SpaceONE Design System","author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"./dist/src/index.d.ts","publishConfig":{"access":"public"},"keywords":["spaceone","design system","vue","vuejs","ui library","component"],"scripts":{"build":"vue-cli-service build --target lib --name spaceone-design-system src/index.ts","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out","storybook":"start-storybook -p 6006","icon":"vsvg -s ./src/assets/icons -t ./src/atoms/icons/p-icons --es6","lottie":"node build/lottie.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","casual":"^1.6.2","casual-browserify":"^1.5.19-2","chart.js":"^2.9.3","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","faker":"^5.1.0","fuse.js":"^3.4.6","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^1.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.11","@storybook/addon-actions":"^6.1.11","@storybook/addon-console":"^1.2.2","@storybook/addon-docs":"^6.1.11","@storybook/addon-google-analytics":"^6.1.11","@storybook/addon-knobs":"^6.1.11","@storybook/addon-links":"^6.1.11","@storybook/addon-storysource":"^6.1.11","@storybook/addons":"^6.1.11","@storybook/cli":"^6.1.11","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.11","@storybook/vue":"^6.1.11","@types/bytes":"^3.1.0","@types/chart.js":"^2.9.18","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.2","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"73ca61a1393bd14d0a0119ac9a6690d758d6bdf0","_id":"@spaceone/design-system@0.0.0-dev.52","_nodeVersion":"12.20.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-onTuKmbdrKGt3l5hm+9owCIVTa8iZtSFnnWfIbcK1i+XrB2TwHKig+LilEKQ0HhAlI+KSjSAPuY/nGTKisATDg==","shasum":"466979686677e54ece509da5286910fc144ffd9e","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.0.0-dev.52.tgz","fileCount":1009,"unpackedSize":109012079,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgDrmfCRA9TVsSAnZWagAAtuIP/06V7GLHgl4icMvgz9aQ\nr6Sh+8rz58uT4yR4BqNEjKn9/qA9yn9PKHuocAX7UNBIlIGSOmX/HUmy0Xmo\nvqpgdeJ7VarJZcqm7Xz0Iua3wWGLKhyNBjzgCNklEMkBHg/kzyaxz6tuyhx9\nz2v/PBIdIrrvzCEErIrdFafzYoCdqcGXZykTqH51xf3W6UfTCwDUTWPI3DnK\n0BD2DifRtJW1f5eUS9eDC3KBks1FTFxbfBXK7ydQFJ4wQ3CgpVlMRaJYcrJj\nUrQsEwVuS3R/mYyH1onQIvaPOGUhREZjYUyTZ8vgjUidLW+c5Jx6Y9+z2Uqz\nPCWrUo8FuBtT7cjzSg0OugyGOqO8Rhh3qPrqi44sTOJnIVhAdsq3SpfxtMsO\n4zSl/m/pXNQbBAuCt5a6uextnOxUZdWXC+p78JPAdNFvSYk5qwEBs4gVt0Zx\nz0l0W/JQGDyvQGEFBwiRwLzNdzAjLEgl7BpzISWJkt1a4wDqYYUqssEYqp8v\naiEa9rLLi0fGMK8GMjLmef4+v1nn+thqaIzyFM+Wf5lU0P4pmgHHyvIlRJ3T\nmSS+xdDH5kyAurqXWRRdJA8/kFsOKgoCGrRi5O7gUHtc7rApW/Ji7KOqe4ZP\nWNYeeWxdeFEsfVPH2aBnIe+EmfUjt98nr86v3S1jUpwjLVXvXVO7JDrpq455\nwfzg\r\n=x6QS\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICAp42n4B18c/h0gpjNcvBGEhYDbmNfUtL1LnvkXutjrAiAJAZiW9ktebUHoKjaSNi3iS1MHreyGol9Ddq4NpKmJow=="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.0.0-dev.52_1611577758578_0.7378732136925767"},"_hasShrinkwrap":false},"0.0.0-dev.54":{"name":"@spaceone/design-system","version":"0.0.0-dev.54","description":"SpaceONE Design System","author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"./dist/src/index.d.ts","publishConfig":{"access":"public"},"keywords":["spaceone","design system","vue","vuejs","ui library","component"],"scripts":{"build":"vue-cli-service build --target lib --name spaceone-design-system src/index.ts","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out","storybook":"start-storybook -p 6006","icon":"vsvg -s ./src/assets/icons -t ./src/atoms/icons/p-icons --es6","lottie":"node build/lottie.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","casual":"^1.6.2","casual-browserify":"^1.5.19-2","chart.js":"^2.9.3","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","faker":"^5.1.0","fuse.js":"^3.4.6","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^1.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.11","@storybook/addon-actions":"^6.1.11","@storybook/addon-console":"^1.2.2","@storybook/addon-docs":"^6.1.11","@storybook/addon-google-analytics":"^6.1.11","@storybook/addon-knobs":"^6.1.11","@storybook/addon-links":"^6.1.11","@storybook/addon-storysource":"^6.1.11","@storybook/addons":"^6.1.11","@storybook/cli":"^6.1.11","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.11","@storybook/vue":"^6.1.11","@types/bytes":"^3.1.0","@types/chart.js":"^2.9.18","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.2","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"7ed429682d0113081eedfb19d9b90b8587624957","_id":"@spaceone/design-system@0.0.0-dev.54","_nodeVersion":"12.20.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-L6JShw73RAR0AgjbaJXGlwBtiMveaX7ddZRCpAeGwdvL4L/w9IrMFifE9/wn61APQSknJMQswfB1MkwtECk5kg==","shasum":"b17700b7146d6d9a08bbd128af818551933e8c33","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.0.0-dev.54.tgz","fileCount":1012,"unpackedSize":109081216,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgDrzOCRA9TVsSAnZWagAAZ9UP/jItcvWYvIoCO+5QSMll\nXrJFvZ+L7gguQwRyAG6CEox8yJz31nwJIzaAHqNPstxDkNyPFZmXY40CGkZx\ncEvAiwfzACx5fio8M1XQKs6ls43756DsB1MgMlNZ6yzG30HGC12BD3feuH4L\nKqqiGBVZ1XqUP40c+jKAHjC3jPHHcICsGnciCruUjOsjEGMxRyo5B+5PxS5j\niv1+v/fVnlTVeBC8dGvLRGQi99QgnUxhCbNTnCKnzXdDvMrrbX45ENoj9PGG\nI5mgeAf0ualdhpSHiC7MqcwfBKetZHB/Pln9G1Xvmc8RwMFGtivB3eYZkWLL\nt1l0TTEDKdyszyiBWp5XBr6Pc7NHTFuha0Z3YFqkj/NY+dLpSs4bNxNyS2/7\nU0PRzv2UJ0s64EhEC1YXPEcBoV4C5cL6fQiSieZJwffxYr29UuDEisEx9+wW\nxNdg/+ByczqYkicF/DQLWET9EaJR1C3TJr7fwozUmpFUEpj3gI6VkrTIIqzH\ncupr/rQEFLU0APwSYf4pHuxx2f1mD97Swc3aOLjNR1F8DkML42+GlAPe9z92\nLIWDv7wWqdajSccN1N6a08uf6cBqr7z5CUoDMMmOMjsExunbOeOpGsqPEjeh\nFL/E9eDfvtnzyqmcsA9KpIKDKwkAL5ncx+pcbmzpmc3j444MpMMg2ICZRcWq\nMd+N\r\n=DLJ0\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD8LjnQvuCHJq660b2NcKFcNWi0gAGORNCi7y73aBJgwAIhAMS+pti3ibr/c8WH+lc2gck6Rt9obBCKMSOdElvj2VZ6"}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.0.0-dev.54_1611578573884_0.5954825256226088"},"_hasShrinkwrap":false},"0.0.0-dev.55":{"name":"@spaceone/design-system","version":"0.0.0-dev.55","description":"SpaceONE Design System","author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"./dist/src/index.d.ts","publishConfig":{"access":"public"},"keywords":["spaceone","design system","vue","vuejs","ui library","component"],"scripts":{"build":"vue-cli-service build --target lib --name spaceone-design-system src/index.ts","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out","storybook":"start-storybook -p 6006","icon":"vsvg -s ./src/assets/icons -t ./src/atoms/icons/p-icons --es6","lottie":"node build/lottie.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","casual":"^1.6.2","casual-browserify":"^1.5.19-2","chart.js":"^2.9.3","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","faker":"^5.1.0","fuse.js":"^3.4.6","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^1.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.11","@storybook/addon-actions":"^6.1.11","@storybook/addon-console":"^1.2.2","@storybook/addon-docs":"^6.1.11","@storybook/addon-google-analytics":"^6.1.11","@storybook/addon-knobs":"^6.1.11","@storybook/addon-links":"^6.1.11","@storybook/addon-storysource":"^6.1.11","@storybook/addons":"^6.1.11","@storybook/cli":"^6.1.11","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.11","@storybook/vue":"^6.1.11","@types/bytes":"^3.1.0","@types/chart.js":"^2.9.18","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.2","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"eb9c724837a55c84329a64c154e9a3b31d209bc5","_id":"@spaceone/design-system@0.0.0-dev.55","_nodeVersion":"12.20.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-2WuripyErplwY4Ve6T/VSQTFo4uJ3+vD/bfaTc0fKN25rBj/NjrrwwCgg/hncXbLg0apK2HlqGoGvwK0AK7eLg==","shasum":"c544dfb9861de4e80e96ae484b12ab74da18b39f","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.0.0-dev.55.tgz","fileCount":1012,"unpackedSize":109081319,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgDs+yCRA9TVsSAnZWagAA7k4P/AtXiSt/DHeohlsgQI3n\njcpFjbclTialu/2H6+vkBsCwfjjB2yZeWRknUUHt46xgGtp57OpAaf82v9b6\nFXT7xzNpwhaO0705MCy0CN/TYIpGNAvhYvHquYAbItudgbw6kEeaQp7hUDn0\nBfDuPt/sot7y2bznYmIcarcFiUdtH7JoGUveJMHFOFsIvPlkZLLMCp0B1K23\nXq9BbL9vSFQRP2QYnfpGo+TgFxDFN8+aZnZVx1bLGXkcB/62whVThLf20Jh6\nDTPgwkr10RWx5gFJcGcDpKgd+mTrkTAJRYedeUioghXYaTtilbVnULhwj9Q1\nRNgZe6MwCAZay1ADDJl/ryPYFsnbJnEyavOsZvfBo7d1eEEIBelLq6/wnPs/\noPb7IY4LSV3eHVQ/ABvuZFQEb8RIr2bM7qqfZVXJ2l00Jv2gdFzq+oovjOm7\nXhBCT0QfCmFHRYF8uZXV+KdbCtx3s1EV7lTDSRL9mvqS0RfNWbejjQ++KXdI\nytKR0swYa/PuyjdM9AhZcwkx1cN9FjU4BvTBAXNHdECMd0K+8UIsGjgrPpcA\nMFDMKHNm+UugGq8/5GW59wIVtxeoA8D9PtIyllnJFY3zuLvSSbelgWyvFrh2\nQQSqyG3MLNTNL3wk5ZJOh1TiiJwNQUqYCnMFvsQRQ+6gyjj/z49jKY8Tawsi\nAJwg\r\n=m9oR\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDN8FreTkUTdz6q3XFnxL2zzZCsrP8av1S6pScP1MuZ9gIhAOCLIb3GyfBlUJFv8qu5eHPRF/yS6PpK1rcKI+S9Sn1s"}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.0.0-dev.55_1611583409134_0.5193597649268453"},"_hasShrinkwrap":false},"0.0.0-dev.56":{"name":"@spaceone/design-system","version":"0.0.0-dev.56","description":"SpaceONE Design System","author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"./dist/src/index.d.ts","publishConfig":{"access":"public"},"keywords":["spaceone","design system","vue","vuejs","ui library","component"],"scripts":{"build":"vue-cli-service build --target lib --name spaceone-design-system src/index.ts","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out","storybook":"start-storybook -p 6006","icon":"vsvg -s ./src/assets/icons -t ./src/atoms/icons/p-icons --es6","lottie":"node build/lottie.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","casual":"^1.6.2","casual-browserify":"^1.5.19-2","chart.js":"^2.9.3","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","faker":"^5.1.0","fuse.js":"^3.4.6","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^1.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.11","@storybook/addon-actions":"^6.1.11","@storybook/addon-console":"^1.2.2","@storybook/addon-docs":"^6.1.11","@storybook/addon-google-analytics":"^6.1.11","@storybook/addon-knobs":"^6.1.11","@storybook/addon-links":"^6.1.11","@storybook/addon-storysource":"^6.1.11","@storybook/addons":"^6.1.11","@storybook/cli":"^6.1.11","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.11","@storybook/vue":"^6.1.11","@types/bytes":"^3.1.0","@types/chart.js":"^2.9.18","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.2","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"3ed8b97bef3a4eea28747a83ef33b775c94d09be","_id":"@spaceone/design-system@0.0.0-dev.56","_nodeVersion":"12.20.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-mXJhNh9qfrwCMVA4vG8x4YU4lwzGUBWmEIYPy326RFEIy8fqpJcNJKQ+STegRWGEUdQLlCbFiULmxAdkKEsyOw==","shasum":"b55cb10b2ff87ecc10a9025389b5730121c89e9e","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.0.0-dev.56.tgz","fileCount":1012,"unpackedSize":109081206,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgD3zPCRA9TVsSAnZWagAAV94QAInkTenHsVyNUZ8zyrnh\nMsS2AsiqmpMLBbWR4n7lmsB9Ng8QLBWXBA5+Z3NpEZrD8uG11drUkUvIOynZ\n9Ov+V9FcdYWwlDuvCghwHJASnMhAXfoaTt7MIEZXOsIxVKt6L3WUf1DrzFkj\nd6mSxToFLRO55uNWP/mPLokdVnUq1hr+jhDoZwJdTnE1+/8f823N2qvBS5Qf\nbravx+XHYnKoR66NECXPUTqKvuM8da/DXxJ0kbYW/WakKb6V/Pc4DVuuuGNJ\n636be9shydv6hBPCFCcl+syf0zUeegf3KawnylHGDeVicO6hGDkgGI4sMmUf\nfF1m0pPEXXbzvLcOh7+8fKE0DZtjTdPZCAwCoQbO0aJ9KGguJ37AmA2MPZqb\nXFtE9h5/YOerwNt8BnDja0G97thcuNbp71YsD+QHfn342mLtPvDQEoGVmbIs\nam973TQy0IzNrJCYzcWaLAJFheBc9xJUf0b7EB5c9eqNBlWWs7qXtsXXNQ+M\nA1xG7EN51d25Ji5cpbPDli/C89E5GavHe8pO+sTpBsXuF+dsroZ2qslYwsDt\nrsnRwcVEFSi2wkvoLuMBBkEQdo5IlRVfk8n7aNtDQXqH/0jeFAyghaHOvjKJ\nzXtipLyPYMhk0plyDVcXoI46CV5/S98c1w+C62orCNbEXiUIVfAyoDPEe2gm\njL9W\r\n=qF13\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDl+T9GupTTT2jKYSAQnFRYjC5XUtHW2NjqPcnfF4WPugIhAPNOPqGS0wS35jdRzEu+Rybnbl92aJCrrnsJDLNpgMFg"}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.0.0-dev.56_1611627726164_0.8909829911170071"},"_hasShrinkwrap":false},"0.0.0-dev.57":{"name":"@spaceone/design-system","version":"0.0.0-dev.57","description":"SpaceONE Design System","author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"./dist/src/index.d.ts","publishConfig":{"access":"public"},"keywords":["spaceone","design system","vue","vuejs","ui library","component"],"scripts":{"build":"vue-cli-service build --target lib --name spaceone-design-system src/index.ts","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out","storybook":"start-storybook -p 6006","icon":"vsvg -s ./src/assets/icons -t ./src/atoms/icons/p-icons --es6","lottie":"node build/lottie.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","casual":"^1.6.2","casual-browserify":"^1.5.19-2","chart.js":"^2.9.3","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","faker":"^5.1.0","fuse.js":"^3.4.6","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^1.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.11","@storybook/addon-actions":"^6.1.11","@storybook/addon-console":"^1.2.2","@storybook/addon-docs":"^6.1.11","@storybook/addon-google-analytics":"^6.1.11","@storybook/addon-knobs":"^6.1.11","@storybook/addon-links":"^6.1.11","@storybook/addon-storysource":"^6.1.11","@storybook/addon-viewport":"^6.1.15","@storybook/addons":"^6.1.11","@storybook/cli":"^6.1.11","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.11","@storybook/vue":"^6.1.11","@types/bytes":"^3.1.0","@types/chart.js":"^2.9.18","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.2","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"635755d863cbe5c5a2ef6d015f32e8427814bd40","_id":"@spaceone/design-system@0.0.0-dev.57","_nodeVersion":"12.20.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-ZBSIKkjP8gnwiH+Fs4uC82/tC2eYOZQvGWbX1wFF5BTQNh+fufqVtUxHhbdZmwDRmZAaXu0mnCswYnvgQQ6Tiw==","shasum":"3e35dc4027bef59e0b8eff64a21991ce5d46486a","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.0.0-dev.57.tgz","fileCount":1012,"unpackedSize":109090248,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgD4Z7CRA9TVsSAnZWagAAewAP/RAeGx/yo9qAkfpcgMAM\nsouVsBk6r3WNUDV6nf54wc+EmQ/kSF8H4JEtFjVk9PQZRAWLzmTYY0QoKLjH\nnP5KYbCs1c9wlxnIH0Tyvn7TQMXGcl58+p7yAs5kdBRqYLyFIUK5NKZnmaJf\nheIxPqLXXSD8jT7QAi0HKBuOQnswbAqtofhqWDvvw3Nwi1TqI4Zze6kUIay/\nsfIWM3YUyQScz6hJg3qkICFGvzX0CtXtSC2tHFIXbqKn7WbwNHj7FvFNVtW0\nxmOjZhHtvdoDbxwLVLup9BeGCFDTqunTwr1N7cq9sjj3nbNIWvXr/bsLSFqv\nGhBlWe31SniAQ6fPgGRo0yu3qZH9elbNvHnwMepoxvknvwgjyu/dBXDbGkgq\n/PWeGx4T2+lsCPbFv7GlSs3oLGqzzjlEBk5kGGUlb7AT4mze/te7X9HG0IGO\nrhhe7LQh9lauVjM0nsE4qR+bn68Q6eLiRmUGJ33whuEKiIwa/pMiAf1S/IUH\n2QXfyK+SjhwPjH5ZSJE8kREEsfjR+CGyxr1N07yn552MxJtsoRORLVBwUBug\nSqeMc62vaDC/ZAzYGUQR7GVuDdHxtq47KFweluYJVO3vsfI+qMGxtBwNRjMA\nyuwLtCWq41hhMXCZQQYqnqjxclpXT7sceuVlL/WXBxvXESQXwxq+gX4pqLDO\np2gp\r\n=qlM5\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDyxrHkuxOke3NgH9ZY1x0NKUN4MCt3tD29gz8LHdS9hAiEAomRzTjSNbWRoKM7PTomHhsf4gIavzDkeaf6iVPBduA4="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.0.0-dev.57_1611630201926_0.005726203310294498"},"_hasShrinkwrap":false},"0.0.0-dev.58":{"name":"@spaceone/design-system","version":"0.0.0-dev.58","description":"SpaceONE Design System","author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"./dist/src/index.d.ts","publishConfig":{"access":"public"},"keywords":["spaceone","design system","vue","vuejs","ui library","component"],"scripts":{"build":"vue-cli-service build --target lib --name spaceone-design-system src/index.ts","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out","storybook":"start-storybook -p 6006","icon":"vsvg -s ./src/assets/icons -t ./src/atoms/icons/p-icons --es6","lottie":"node build/lottie.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","casual":"^1.6.2","casual-browserify":"^1.5.19-2","chart.js":"^2.9.3","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^1.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.11","@storybook/addon-actions":"^6.1.11","@storybook/addon-console":"^1.2.2","@storybook/addon-docs":"^6.1.11","@storybook/addon-google-analytics":"^6.1.11","@storybook/addon-knobs":"^6.1.11","@storybook/addon-links":"^6.1.11","@storybook/addon-storysource":"^6.1.11","@storybook/addon-viewport":"^6.1.15","@storybook/addons":"^6.1.11","@storybook/cli":"^6.1.11","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.11","@storybook/vue":"^6.1.11","@types/bytes":"^3.1.0","@types/chart.js":"^2.9.18","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.2","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"570b892d41576dbd89ad3d624510ec2d9f74a496","_id":"@spaceone/design-system@0.0.0-dev.58","_nodeVersion":"12.20.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-p8ILDJht0kaClgJDHKwRbGrSRoxifTJEDUpsbVfzNJtH4aIqxQ9GIXg2shChN9BeqPNgip12emVB+uDKeEPhhg==","shasum":"f43d32e505c3d6b3a8ba4ee7aface1f7f05db32e","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.0.0-dev.58.tgz","fileCount":1013,"unpackedSize":109093101,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgD54sCRA9TVsSAnZWagAAhSkP/3J5pHJXIrNNd+9qenNH\nrg4UeUgdLtravLQ60oEI5lAZMabkQlB/a4yViEcRB0d4umYVOQIJSvQni6tt\nzDkev99rXZkbJdsMla9q3RzvTaQ3FOm9IOYRvuypnBP+xkks7nY/pdfu7NSG\nF/4VOcACrCQCGoYQ5Y0lMxe8fIa8okZw/nVNnvUD4Ue4sE8VixEVNcP5hJW0\nvdsWln+fY4Xp0tqFQ58tHrtYs0ZqFK3q25l6oGL52juWeyeUvE/2OLlp+jHc\nIfml+v2RtKDAnLMtslcj4u3Ys265cqEJ3OtcUBWxBjModZeuHmT1BgZitCG0\nt92MtO0lPEP6e7qjjmxVx+BOMAJuH3wCMruS4NGeXb3zszVzgtszGSSMbGPF\n3npAFGsFKJdelJEaIn50QKDsOA8sDS+HTuzdp2SR6TXmhdqSK+QTo4596J66\nI0WYVDdhQZ3qrDXWCBeQGKEyh+Vz+NKzzbv/SFa2DcN5KQJ+xV2XzPDjxG7G\nZMJhIEL+b5kuT8WA+tvRSse2mOxnPKqWMHIIkH4/edggfDBUySpZyfg07Wkw\n3y1jtFZkc5Byg5wXTrHZ2XNT0rpllofb0atr+9bWhcI3d5HF5Wgwg8+pQSjE\nxcAYbKkiTi8gF4t4Dc4LpLMZpWTV/kHfgIsMXLIweeiec4zhNMQ9BFC5WxFT\n33xL\r\n=YDoC\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCtHDoDOGhhFDuce9PsR8Z5Lrss/ZByKZMwSy+il3AP6gIhAKI70Tvy1EGAHX/nO3GBHubMnWpDDvbn7I2HN88j0VL2"}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.0.0-dev.58_1611636267230_0.7268948786917415"},"_hasShrinkwrap":false},"0.0.0-dev.59":{"name":"@spaceone/design-system","version":"0.0.0-dev.59","description":"SpaceONE Design System","author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"./dist/src/index.d.ts","publishConfig":{"access":"public"},"keywords":["spaceone","design system","vue","vuejs","ui library","component"],"scripts":{"build":"vue-cli-service build --target lib --name spaceone-design-system src/index.ts","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out","storybook":"start-storybook -p 6006","icon":"vsvg -s ./src/assets/icons -t ./src/atoms/icons/p-icons --es6","lottie":"node build/lottie.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","casual":"^1.6.2","casual-browserify":"^1.5.19-2","chart.js":"^2.9.3","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^1.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.11","@storybook/addon-actions":"^6.1.11","@storybook/addon-console":"^1.2.2","@storybook/addon-docs":"^6.1.11","@storybook/addon-google-analytics":"^6.1.11","@storybook/addon-knobs":"^6.1.11","@storybook/addon-links":"^6.1.11","@storybook/addon-storysource":"^6.1.11","@storybook/addon-viewport":"^6.1.15","@storybook/addons":"^6.1.11","@storybook/cli":"^6.1.11","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.11","@storybook/vue":"^6.1.11","@types/bytes":"^3.1.0","@types/chart.js":"^2.9.18","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.2","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"29ffa49a6693e922ecc7a7957ff5503511a3ef3a","_id":"@spaceone/design-system@0.0.0-dev.59","_nodeVersion":"12.20.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-KqqJUYzW07uOLkAjAQgSBdh0OBk2EzVZJx77SLLx1crd4luTuGCtVs+oktsc51BzlTp3e/pIO9U1XU+LiK8B3A==","shasum":"c6aaf777840783c229320ae068c01f6ee117d1b0","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.0.0-dev.59.tgz","fileCount":1013,"unpackedSize":109093101,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgD6drCRA9TVsSAnZWagAAmdcP/RWXXeuaxZ/507DN+B3x\nyiv9mFF8Kv4637Vv3gUAQZVhrjZghe7Bw0zwkUMuVqsXAka9IQWIEARzKmxw\nUAma15JKpYzIclXV8+TR3tHHuFuys1AwsJOFYzshBBiWKj+REQJXNx3YzeI/\nXnw1QxDeMcCQTQ0fle+54Lp5RwiWRTcGaodvvxQDSgReK944MoXHbvLLttHu\nz46OMVYEvTrog8dDBkrBQFrMaiwMc5fxXhJxAgX6KDtYJsDf87pMMdKYBB72\nkeueTS7v+R9yw7fHG+7WgI19WgNbORQNam3PTxKsd/xLdU1JRsCFIx3Xc4wf\nEcG5w16ycAdT0lhrrk8XKj6ILp1GEdwt0I7uoYxinFVIjmovb6XJgSiZijWK\nGEXHP0QPdoBhQuSB/EE+b0521Gda0N0syPkOA3YFjREoFlbGosLgwBNGZ3Ts\nO1pSyPTPmcJWN5wP+n46pK1px4ro3VlHddDry4HLhjQkIs3hzqa7RLRqFoty\nRLreJHIrCIAZ2L8qP2Whv6c2wJhlmp8K6hFnHg0DvoXmWnbIMVeG4Bo6xBfk\nkTG84UC/l1igbdO/jfkR2UFxu8xWqNRZECbjlfoFRuPuZfgGooChAQolO6Hz\nKLxThqn3+v6TterMdom9gnwtVWCUpMSjgFZ0SSRVhi/oVFWJoQJsM6FJNTFC\nWNeH\r\n=lHQh\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCP896eA2C7k1joT3fXgoSBDAh9kPWWK3YWJPzo+9cOIwIgK7oExy5l97n9d9MnkWixCZ6ONn+1F08ZxV3UWuvogro="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.0.0-dev.59_1611638634059_0.7947329098266025"},"_hasShrinkwrap":false},"0.0.0-dev.60":{"name":"@spaceone/design-system","version":"0.0.0-dev.60","description":"SpaceONE Design System","author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"./dist/src/index.d.ts","publishConfig":{"access":"public"},"keywords":["spaceone","design system","vue","vuejs","ui library","component"],"scripts":{"build":"vue-cli-service build --target lib --name spaceone-design-system src/index.ts","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out","storybook":"start-storybook -p 6006","icon":"vsvg -s ./src/assets/icons -t ./src/atoms/icons/p-icons --es6","lottie":"node build/lottie.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","casual":"^1.6.2","casual-browserify":"^1.5.19-2","chart.js":"^2.9.3","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^1.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.11","@storybook/addon-actions":"^6.1.11","@storybook/addon-console":"^1.2.2","@storybook/addon-docs":"^6.1.11","@storybook/addon-google-analytics":"^6.1.11","@storybook/addon-knobs":"^6.1.11","@storybook/addon-links":"^6.1.11","@storybook/addon-storysource":"^6.1.11","@storybook/addon-viewport":"^6.1.15","@storybook/addons":"^6.1.11","@storybook/cli":"^6.1.11","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.11","@storybook/vue":"^6.1.11","@types/bytes":"^3.1.0","@types/chart.js":"^2.9.18","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.2","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"18e5fde4f223d758fe2fe0e1e425f28e537536b1","_id":"@spaceone/design-system@0.0.0-dev.60","_nodeVersion":"12.20.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-kffEV45sNW6JD+6XKSVbgRPN/DzFFw4xMaQjubLyRm15fXbTcLOMOAeX3kG2+jD9Bp5+bjjNjUkaNRLotsPi5A==","shasum":"16975e47f80c583c1c1f006237608e79aea96575","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.0.0-dev.60.tgz","fileCount":1018,"unpackedSize":109105793,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgD744CRA9TVsSAnZWagAAZ8QP/3SpKO5KeS47y7opQlfx\nGmA2VYGI7PERCjY/lQpx+3ikLGESVWEj6bZICTak6VG8hd1ukQCFO+pxsgDN\nnHDB2gDkjF+DoHu7MKsuTYFA8RcqNjsc9mtZqIKWlRw0Ue1SExNryXIx8Noz\nx48KzIzKP4nqNy6wuAxuG1UTBT5OMnXmvS+DQRn6LF8nx/NR+D1R/AkZhJrs\nJOcC97Yyg3jpI1BXTmCfd/sbZg0i4yS7zUkizM35rlyzZz8kUiB+VCP/BmSD\nnaKY9Kq/zUhN1HP/CySrCQqLdcB0PyH0HLskDFnMj61KvijLCu7T2vZy+GOg\nNKVFUP0iT5QxKfAnWxEXBH4G4QG6knUMM8O07jXyBKrOPiKafBnSbans9ap0\nE0YWp3lDcVwyOskfXxIn9t6tcay9BmJskGNS4JKzJh72bpKy0e66Dg0ZvLC2\nby1OV1ZcTORZHPTO4In8bbPN3FXPu3/e2meuBBezETQuT6/U4/iql4GGgDHY\nlLIQU2WHXPZCCLPEPXT2cgZQoBCm2jTIFxh4ND/ZGQ6mvbLCf0ILfR8viKgr\n+6sWM/AzwLlkyQbGeQ3o8Ovu02791UO6g9GktC9Opv8zSVpwFJplU6A3wWFs\nXVPaMUeRA573OKVp4LNlqPX9h8y/urhD9nng9X4VvON2YiAv86mZndADmxBo\nWM5/\r\n=sN4c\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQChQL9Dmr7u/b85tw42ngLjaDPukxg5xss7UUGLIRxYIAIhAJAlc6R7prPM06CXkr5hbzhZc11O/r1hSXfpw+oFNNws"}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.0.0-dev.60_1611644471118_0.7667670631700887"},"_hasShrinkwrap":false},"0.0.0-dev.61":{"name":"@spaceone/design-system","version":"0.0.0-dev.61","description":"SpaceONE Design System","author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"./dist/src/index.d.ts","publishConfig":{"access":"public"},"keywords":["spaceone","design system","vue","vuejs","ui library","component"],"scripts":{"build":"vue-cli-service build --target lib --name spaceone-design-system src/index.ts","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out","storybook":"start-storybook -p 6006","icon":"vsvg -s ./src/assets/icons -t ./src/atoms/icons/p-icons --es6","lottie":"node build/lottie.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","casual":"^1.6.2","casual-browserify":"^1.5.19-2","chart.js":"^2.9.3","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^1.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.11","@storybook/addon-actions":"^6.1.11","@storybook/addon-console":"^1.2.2","@storybook/addon-docs":"^6.1.11","@storybook/addon-google-analytics":"^6.1.11","@storybook/addon-knobs":"^6.1.11","@storybook/addon-links":"^6.1.11","@storybook/addon-storysource":"^6.1.11","@storybook/addon-viewport":"^6.1.15","@storybook/addons":"^6.1.11","@storybook/cli":"^6.1.11","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.11","@storybook/vue":"^6.1.11","@types/bytes":"^3.1.0","@types/chart.js":"^2.9.18","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.2","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"41cc4fe17a8d9faa4b0af60b44c50820e223ef0e","_id":"@spaceone/design-system@0.0.0-dev.61","_nodeVersion":"12.20.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-Yxv3K2SIZ0bdgUdDGL53bbdxwPHP5xaLnlQYw6AfuHFCeTIqVPZ+k3W/HD1mxkLp380AMmNXS5LmiZvWuLibZw==","shasum":"548f7726817eca8ebc3a6446cf5cd422ea1b6095","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.0.0-dev.61.tgz","fileCount":1019,"unpackedSize":109113701,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgEREeCRA9TVsSAnZWagAAResP/A9Yn9LyIhstgFAD1ZVN\nThpZywIK1AFRpBRdE0jQ7Xb6dj0W/noI2X2Xsy5tMYvPxb5H2Lz8i7wBYoNK\n1+X0fykCjTe4G0fZEszP/ygP68tTpSZbwrrzjB+P2qqx2hNjGG+iF1NFFi+l\nwX8fnjoF456Xo+aE0eim/qdKkwsNrSkf9gyIhqiNWzvCyYrKaDQG1lSkFMrf\nRPC5EcowNqv64XViYqpmi3cKeVemcUY+OK5MCR0e0b8RGYhygATFbZ/8DNR8\nyVbGNCjSvtnfvg1arMqsOiEUzrWlATSQ2oysEgxq0qzZYsZbfkwIMnMuVS+L\npzNF2ifie7L2vD2wPo5S+ED2+Sal17X03bopg9etbCb0mgobkvmINm7dln2O\nszCmNm7y/bmkGMG8rCSmqsfsNtqOh49FeSaRCuqkVfBLhGrKdSwWSF8HqrqD\n3FEpbwGsaLgY+s0FF8DUIqkqgdezu0jQotMHarP6W5uHFQSERoz8/rcyMZLE\nIk49AHgvZurPAT5v29pPcNjSkyM5DvjdIF5IyV7SNNS8yBX3dpyLl6Hie0ie\nzn94vS/oIrZSX+kLnvxO7SQn1GoX7/BAidnIF4eEOBOJwlrRJahFt1V+yG7k\nFV3YVcieaEejJi7X5yDP9TVt8BEToa27UUzbbkYB/pZAayK4+RBFiYWoPUKD\nPriv\r\n=9apO\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQChZLcRkseStX+6OCObFX+cpFCeTg1MOEOXVGn7ITd9NQIgJNNxYAYCr6344etnuETNKaqxkobfypd6nXLziCumgEw="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.0.0-dev.61_1611731229043_0.36374382202849587"},"_hasShrinkwrap":false},"0.0.0-dev.62":{"name":"@spaceone/design-system","version":"0.0.0-dev.62","description":"SpaceONE Design System","author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"./dist/src/index.d.ts","publishConfig":{"access":"public"},"keywords":["spaceone","design system","vue","vuejs","ui library","component"],"scripts":{"build":"vue-cli-service build --target lib --name spaceone-design-system src/index.ts","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out","storybook":"start-storybook -p 6006","icon":"vsvg -s ./src/assets/icons -t ./src/atoms/icons/p-icons --es6","lottie":"node build/lottie.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","casual":"^1.6.2","casual-browserify":"^1.5.19-2","chart.js":"^2.9.3","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^1.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.11","@storybook/addon-actions":"^6.1.11","@storybook/addon-console":"^1.2.2","@storybook/addon-docs":"^6.1.11","@storybook/addon-google-analytics":"^6.1.11","@storybook/addon-knobs":"^6.1.11","@storybook/addon-links":"^6.1.11","@storybook/addon-storysource":"^6.1.11","@storybook/addon-viewport":"^6.1.15","@storybook/addons":"^6.1.11","@storybook/cli":"^6.1.11","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.11","@storybook/vue":"^6.1.11","@types/bytes":"^3.1.0","@types/chart.js":"^2.9.18","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.2","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"ce5441a9df844bc260b20525a5ae878174458fea","_id":"@spaceone/design-system@0.0.0-dev.62","_nodeVersion":"12.20.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-mgNhmn8s8dbj/YIA/21I86c0aWdG/wM56IVOgO1Ci4HHeDgMG7CGVwYRjXgWuhUAxlHezNTyfXhvIIEG0BEL+g==","shasum":"0c151efede3385a4ef798b0206fd73d94581882d","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.0.0-dev.62.tgz","fileCount":1020,"unpackedSize":109116788,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgERUZCRA9TVsSAnZWagAAQ0MQAKGzIJOqD13MDl9erudc\nTD3OoZKeo5aCNow2uKUuIQmaNhjM+u4xpgv+nOPuueo1kgHsidR4JFq8u7Lu\naJ6idJbWDjpW4q1vAGjfKP02bUWsC6AMSwD/ucTqvhLVIsW+eWKFzJx7t4sU\nrrawZ30jM8vvKufuorCYXbeF5PBco2MkGHZx5jRY3wr+mVAYczXoKoGEQ+dI\nhqFHPk1FsVdTuxMPUP/48HqJ74DTEUTrDabsydZT25QKBqeWimKdr6b3EbgE\n08J4qGX4cW7KvQS9EsodzTdK9euSkABAUtwZ7DNuda2dBBbVLc4aYsFl8FAT\nya7bzkunDCb6BhgwV/2GdHJvp7d3jIoOrQVtae7NJbPwgjwOURfBHX+RFJlY\nzyRqJ/YVzRMIa0x8MmSDKNNuOKlyOuIO11Pq+RwcCXUebKrD4yiPviz/66b1\n0WPThCcmdq1lEawt6YIDw7MDF/WVsvyQGxVKDtG/PF8s8SXFR30yZdBtgT1s\nKAHSGo1Y5L1nhrXQ0v6U6fjJG2+bz1SCFGmaR4IhTtmrMb67Bk8MjqsfyQlb\n3/vXWlwmiCAfJhWMbGKOM5hOXt3C4iQX13IDXsa7vxQ2buyXtNHpST+8EATk\nbb8g6oq8gbtxEtT5Ok5zIduAJ/WmO/SZz2TSx4XSu2ii4rubn8md4bZCsqbJ\n04uK\r\n=8t+K\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFoGQ6wEXqbbxqSIOznkALMA/AcKf4Gmc6TIQsIkgxy2AiEA9PCXAOJ+UQ1JIuX5/yoB4OJJP5HT79LRoFGyxRTZ3Gg="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.0.0-dev.62_1611732248231_0.994510540612427"},"_hasShrinkwrap":false},"0.0.0-dev.64":{"name":"@spaceone/design-system","version":"0.0.0-dev.64","description":"SpaceONE Design System","author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"./dist/src/index.d.ts","publishConfig":{"access":"public"},"keywords":["spaceone","design system","vue","vuejs","ui library","component"],"scripts":{"build":"vue-cli-service build --target lib --name spaceone-design-system src/index.ts","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out","storybook":"start-storybook -p 6006","icon":"vsvg -s ./src/assets/icons -t ./src/atoms/icons/p-icons --es6","lottie":"node build/lottie.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","casual":"^1.6.2","casual-browserify":"^1.5.19-2","chart.js":"^2.9.3","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^1.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.11","@storybook/addon-actions":"^6.1.11","@storybook/addon-console":"^1.2.2","@storybook/addon-docs":"^6.1.11","@storybook/addon-google-analytics":"^6.1.11","@storybook/addon-knobs":"^6.1.11","@storybook/addon-links":"^6.1.11","@storybook/addon-storysource":"^6.1.11","@storybook/addon-viewport":"^6.1.15","@storybook/addons":"^6.1.11","@storybook/cli":"^6.1.11","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.11","@storybook/vue":"^6.1.11","@types/bytes":"^3.1.0","@types/chart.js":"^2.9.18","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.2","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"0e9d630bdaf5dcc2cd1696aced574f6d62053ccc","_id":"@spaceone/design-system@0.0.0-dev.64","_nodeVersion":"12.20.1","_npmVersion":"6.14.10","dist":{"integrity":"sha512-GbI97dogR9MrmeXYzv+2JxmQ5xXBKqjE4Q6q34nvre4Z56tlONYr0dXQ/rvk/4TxTtY5TyNFuoA7vXpo0W/BZg==","shasum":"71d49ae2badcce519235f720ebe1b267c93eb998","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.0.0-dev.64.tgz","fileCount":1025,"unpackedSize":109178411,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgEVoSCRA9TVsSAnZWagAAc80P/2Sw5nJdJSH2pdSjETkB\n5zhQK6Jf4ho1Erbiq6QuCRBmRTgWttPjhr4rPPFRLi3+frVlAZRisx0mUZ+g\nCqVNH/z8vuL0lNAZR4R+0E/V0y+e7+fl+09Qup4RQMl5MqbibNhBWLKOHueb\nTXiJVCJwCqrWcyE0SrD7DcK2ZRdDNQEo1d+il7AuifhtVacQZWlzLxEayJib\n4P9+mwI1/3i4hfHOZGrMOeUz9MZYrTvVew0WHRp65LNPVwUlZMVstXFg3lbH\nfWJ/ofQOWaCwxSIgaEE6dg+luM82BXaYCqC3ldUbRQ0DkB50UlZbG1A3aeJe\n+1vfzrZiIqZXOT6gFCApLgAz6TrnvfgR5R7xdQw5t9ByXePn4rjNEMvnhZLw\nf8YfLfsxCtLEGwBDpxBRWZBcxd3JqAumdJOPqaCD99YrQzSbH88MDPxIJ+jY\nP9+TNCrifcBCLfYQRuRhWpVpzBSTTyHu45N912rovSDtVpXt89mv/IvnY2H2\nWKv+FDbuM5RQD89n2DrFkkDav/gagK2QbwI3N7dMtpoEJw2nQhGwlV/vfgHl\nFswduH5J82DdosF4oi50+rRFXqpgPkO/RfCDPL3LSOzGFtxp0PxKgzC3XuGI\ntDjhh/vXxqEr7P1Vjivc+V0YVQYvbxEKxtyNW2G3bKfd16nU0nY9OQ0xYioz\nO9Om\r\n=+P7f\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC87tuB24Eaw7Ymqf0FjDVAwFsGODQ/BPu8EaFuxfiMvwIgJmk8/dbGppY6hJ/nBaNgy30GNEVYM3U82Jl/WhR7mrQ="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.0.0-dev.64_1611749904258_0.48010386870394384"},"_hasShrinkwrap":false},"0.0.0-dev.65":{"name":"@spaceone/design-system","version":"0.0.0-dev.65","description":"SpaceONE Design System","author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"./dist/src/index.d.ts","publishConfig":{"access":"public"},"keywords":["spaceone","design system","vue","vuejs","ui library","component"],"scripts":{"build":"vue-cli-service build --target lib --name spaceone-design-system src/index.ts","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out","storybook":"start-storybook -p 6006","icon":"vsvg -s ./src/assets/icons -t ./src/atoms/icons/p-icons --es6","lottie":"node build/lottie.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","casual":"^1.6.2","casual-browserify":"^1.5.19-2","chart.js":"^2.9.3","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^1.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.11","@storybook/addon-actions":"^6.1.11","@storybook/addon-console":"^1.2.2","@storybook/addon-docs":"^6.1.11","@storybook/addon-google-analytics":"^6.1.11","@storybook/addon-knobs":"^6.1.11","@storybook/addon-links":"^6.1.11","@storybook/addon-storysource":"^6.1.11","@storybook/addon-viewport":"^6.1.15","@storybook/addons":"^6.1.11","@storybook/cli":"^6.1.11","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.11","@storybook/vue":"^6.1.11","@types/bytes":"^3.1.0","@types/chart.js":"^2.9.18","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.2","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"784e455c06d9be3350e72c5a559083d9b4b9ab92","_id":"@spaceone/design-system@0.0.0-dev.65","_nodeVersion":"12.20.1","_npmVersion":"6.14.10","dist":{"integrity":"sha512-hI+nVb8EFrWHh1JeyNIuPne+ed7aRU+Oe72blDI6sFypLC5XT8ISSvuL371PVKMvEfv/Wr47erP2JAIbfCYcSw==","shasum":"d43380826a5c892346b7f7377dd4d67a646f4bb0","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.0.0-dev.65.tgz","fileCount":1025,"unpackedSize":109176917,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgEiWlCRA9TVsSAnZWagAAkmQP/ifI6cdvc1uvOuTUg1OC\nkb4XHCSfnmruYqFtLGo/7j3iU77mlxOvcZcRHC2xoUgIHlJQ0lcw/7lAWiQ1\nNtD/oVy1Vjjs6xWHOxGje2l7J7wkQiYfwtb4yuKAMbxGM8e7Mn8HtYc+XxQs\nNLXQgbbarL8cKWW5ykO2+7cmnIiOB7GL9gAw9XC8u7uDmQ3mR9S+WPBrFUls\n7VUi3JpC/GGQjCBDTwXOPZ/lTx3SUCdZuR5n06GQnxqdpMmQVoEkkMFIbdSd\nIgTeOxLxNdufltYngdQQokafuodF13DeBMpW/4qGWScy1IYqyyTbKLPFu5lW\neZuTs+sURZdk80cYz571WGe9CN0Y8RxTXq6N4wb/eUuM2QGJgGFEBDUFr5G2\nSh45x83piTdNkjABMzL+lvD3VmulcnQTVjjPdEfz0DBiwDhJeGgeptdzL3K+\nnqG5E1sSkfdpVm9gxoddnmr/Xk6aVHICEwgUdWThluf/3e7hUF2m9YokapRc\nsW9oimRtHjrOZGaPpDxGWNyv/BpwoCgwo5fwU22xYnKPNzUkXRtwUWsCE9Qx\nm9XSDAuwB8LGvHUJGCMDYjaYm3K2wMjqxAZnA8MX26oMvWyKXHev+GnRx9gq\nBj5WG+9U8dnOLbD7+R7JJhjQP6oydJA9mjbyqdUd0d9EuiJlxGP0HM5agkyh\n42rc\r\n=X0ar\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGQJbETLPmCjNhuI6/V2fyvHrywIYYEC1itNJ2IKIPMUAiEA5kVDWPVDkcY1XY2GLUjpUU/JdMPoADUCBOF987kCYZ4="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.0.0-dev.65_1611802020587_0.22096662380455623"},"_hasShrinkwrap":false},"0.0.0-dev.66":{"name":"@spaceone/design-system","version":"0.0.0-dev.66","description":"SpaceONE Design System","author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"./dist/src/index.d.ts","publishConfig":{"access":"public"},"keywords":["spaceone","design system","vue","vuejs","ui library","component"],"scripts":{"build":"vue-cli-service build --target lib --name spaceone-design-system src/index.ts","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out","storybook":"start-storybook -p 6006","icon":"vsvg -s ./src/assets/icons -t ./src/atoms/icons/p-icons --es6","lottie":"node build/lottie.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","casual":"^1.6.2","casual-browserify":"^1.5.19-2","chart.js":"^2.9.3","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^1.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.11","@storybook/addon-actions":"^6.1.11","@storybook/addon-console":"^1.2.2","@storybook/addon-docs":"^6.1.11","@storybook/addon-google-analytics":"^6.1.11","@storybook/addon-knobs":"^6.1.11","@storybook/addon-links":"^6.1.11","@storybook/addon-storysource":"^6.1.11","@storybook/addon-viewport":"^6.1.15","@storybook/addons":"^6.1.11","@storybook/cli":"^6.1.11","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.11","@storybook/vue":"^6.1.11","@types/bytes":"^3.1.0","@types/chart.js":"^2.9.18","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.2","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"1e0d3935a874d36a11e62d0dc85fc54a593235e3","_id":"@spaceone/design-system@0.0.0-dev.66","_nodeVersion":"12.20.1","_npmVersion":"6.14.10","dist":{"integrity":"sha512-sfGNZVQb/ZmGoOcnnC/duP8BZEg3i6HhBDLt1guSiNg0RvCaO2kkU3Rhm4mieRWIEmcOXXdwzG2WNMCgCPuFmQ==","shasum":"9acde19ee00dfa523d58539130910c9a66985692","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.0.0-dev.66.tgz","fileCount":1027,"unpackedSize":109114113,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgEqC7CRA9TVsSAnZWagAA+Z0P/2QEwPZAyBWzTKhw3OYG\n16jnyFqcB02q590UYe7KqJq9oUV9cxgxLtpy0jFFgRNHaIDj2WtNlCdmRF8U\nePIEIYYp5bkNyjRK5pn+wEacUiKpTFbOZ6cL1OB7As6rqOCcT1uWuyy3/6U+\nnvFJM/uGdEqe+z4cp0ZT1d3Ddsve5J5BiPrPdNVWA//gCpHZE5hLp0sdjrci\nAenWtrANiNm1lkhJXj9/+lS/8ixiOzVkVIryh/WTBMVsZ3aXXoadQ0tGkGix\nJvbRD5zrCk9uR1lWKjobcvRP5w6OiCUWFmd0qGw8YJpemdzSk48VNGc9nrlY\nkXQWCiydTJXW3QQaUn3Dt6T0WliRzfcckE+R8T9so0MX0QW2tQZaitKZhz/i\nDdwlQCD9lf/ESs5RSp37W00ZTguVjuPz0b/dqDGV/AzqyIgbmcnqzCKEKWiM\nxjQ0b2AtOYXyR/2O0NKA59d06u2V/mKUj9SACJgqPD/5vA8GHM1zbkj9ZzGJ\npM8lpNYgLlDMSabAzOs5VuCOGpt+n8t9Nmm9tlG1fwRClSFM1khgIilb1PTl\n7HBrY7atiqLU4SA5SjYbuwizwEgg4IpY2qA0cxEraBg3AobvDCkUvhDkOcRm\nS4cVAVLQc1YfHDNs/wdcrElT5MJp0bfj9ZpxnxCahslLJtHRxEcIKlSd8z+7\n2xf+\r\n=35yx\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDqDDNzOMNy/uriB1gA/RQSY6K3tM+iUXTFRWE7daZ4wQIhAPlGdHPDyqdk21vJRGEUN7wLWU0xhfwXI1YIWh1cUPTR"}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.0.0-dev.66_1611833529915_0.94317999090477"},"_hasShrinkwrap":false},"0.0.0-dev.67":{"name":"@spaceone/design-system","version":"0.0.0-dev.67","description":"SpaceONE Design System","author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"./dist/src/index.d.ts","publishConfig":{"access":"public"},"keywords":["spaceone","design system","vue","vuejs","ui library","component"],"scripts":{"build":"vue-cli-service build --target lib --name spaceone-design-system src/index.ts","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out","storybook":"start-storybook -p 6006","icon":"vsvg -s ./src/assets/icons -t ./src/atoms/icons/p-icons --es6","lottie":"node build/lottie.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","casual":"^1.6.2","casual-browserify":"^1.5.19-2","chart.js":"^2.9.3","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^1.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.11","@storybook/addon-actions":"^6.1.11","@storybook/addon-console":"^1.2.2","@storybook/addon-docs":"^6.1.11","@storybook/addon-google-analytics":"^6.1.11","@storybook/addon-knobs":"^6.1.11","@storybook/addon-links":"^6.1.11","@storybook/addon-storysource":"^6.1.11","@storybook/addon-viewport":"^6.1.15","@storybook/addons":"^6.1.11","@storybook/cli":"^6.1.11","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.11","@storybook/vue":"^6.1.11","@types/bytes":"^3.1.0","@types/chart.js":"^2.9.18","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.2","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"68d3a13008e595ed5c51f4cc66e725cd7671ac21","_id":"@spaceone/design-system@0.0.0-dev.67","_nodeVersion":"12.20.1","_npmVersion":"6.14.10","dist":{"integrity":"sha512-PzKHoWELHkU3OCptLPKPTC1n6u1LhxYhzqm6IXJDUxvTe9YFzKSTDUE2Oo+aAtJGtJ+UsQo3MA/2RyIPuBbVqA==","shasum":"b8230494866c09573309c51a42fb64b45b1cfacc","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.0.0-dev.67.tgz","fileCount":1029,"unpackedSize":109127980,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgEsPyCRA9TVsSAnZWagAAjFsP/1lLuAlbRutxlD+10li2\nx2AZRXX5cj/4ecDlt/s0xGBJ7R4pIvojPOxK6sk/zC9NR2oHnPY0gbg1VHAA\n8u+WeX0jTG+MovREZjywB5YDLXO0fWI7aURBxM8yJsdwdz2HSWdTbVplR0Bh\nYbtw1E5AlghMMCB5e+x2oZ6ggKFkQKuUuyMK7EHbALYWVGRb1duxYHicOQf1\nCW9xT/wFpi435lN3gQc3Sa6EMdE3MT8TE4HwCXUxL+Te865tj2o9VXy7ZbgR\nd4Ol1mRpMWjMLAIsEWgbjsbm7WKVXRrhkpfWRwoJfrn+5r6MOJ4oo3c7XuXo\nTG1O/cBaGJUKNaSiVA2OBYaJ6/m6+owNZEO2u/JDvzW12jwU0057LcL5z+1C\netkoAivxAMXK5G4kr4aBWJAFhm6Uo1zrmuDuC9Dyu2EEQeSZ4m4iOtjfkYFH\nQ9sKERXjWFFEubRgAY0872eW3rQ1yC5sxSAudFCzyCAY8I/5MsmunGEPvoPF\nGtik/cC/bsnCoNlcr+1gqx3k9bynfaCFBKtv+YLta8AKhh8iwAzVPcqpT9nd\n3839hkKMmkIMSOzqfCi4wqKJxO2ClAUvcFCP7O/tLOIr8GvifW4xe1nuvH4E\nUKJnbvgsQZiGOZ9W9wSMbKYTzVIudXfUg9T96T+DjT4x4OJ1eHweBnnqJ/o1\nbh4r\r\n=vzA0\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIB4tIRwCp78yxl4WJ05Z8wnP8fRJybnxirS3CkNC5HkTAiBne5JfZ7nen/qaxNqOBoLFWkVi1+oN8T/GWQvmPoqS1Q=="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.0.0-dev.67_1611842545188_0.07724800272982324"},"_hasShrinkwrap":false},"0.0.0-dev.68":{"name":"@spaceone/design-system","version":"0.0.0-dev.68","description":"SpaceONE Design System","author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"./dist/src/index.d.ts","publishConfig":{"access":"public"},"keywords":["spaceone","design system","vue","vuejs","ui library","component"],"scripts":{"build":"vue-cli-service build --target lib --name spaceone-design-system src/index.ts","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out","storybook":"start-storybook -p 6006","icon":"vsvg -s ./src/assets/icons -t ./src/atoms/icons/p-icons --es6","lottie":"node build/lottie.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","casual":"^1.6.2","casual-browserify":"^1.5.19-2","chart.js":"^2.9.3","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^1.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.11","@storybook/addon-actions":"^6.1.11","@storybook/addon-console":"^1.2.2","@storybook/addon-docs":"^6.1.11","@storybook/addon-google-analytics":"^6.1.11","@storybook/addon-knobs":"^6.1.11","@storybook/addon-links":"^6.1.11","@storybook/addon-storysource":"^6.1.11","@storybook/addon-viewport":"^6.1.15","@storybook/addons":"^6.1.11","@storybook/cli":"^6.1.11","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.11","@storybook/vue":"^6.1.11","@types/bytes":"^3.1.0","@types/chart.js":"^2.9.18","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.2","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"45fd69708901694ff3e014b46effc46cf2e0121e","_id":"@spaceone/design-system@0.0.0-dev.68","_nodeVersion":"12.20.1","_npmVersion":"6.14.10","dist":{"integrity":"sha512-V6q0FhtQtpuejx9usRUiTCm+uZ+kIE/DavjllMRCmhYgDHOwuNrRqe2C8VBD+QOytoif1GX5cR+lyB+SNbUoVQ==","shasum":"95079e4c18c0918a0aa66369d73cea0a94672ab7","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.0.0-dev.68.tgz","fileCount":1032,"unpackedSize":109235359,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgE4wSCRA9TVsSAnZWagAAVRAP/jzR+VuhYyE4UT5j5Pk/\nxKW8H96AHn7XTjtn5or5WGGO5TPDeKL7tjliosDLnL6jWrHAw7fMOU5LTNsq\nWbk+yy5p8ym+r8Rem4G5m2/dp6JPk1QDXdI9oQo3pJTpXNA2EIXsYTRs4mFS\n46zyUhvd3GyDCpDTYPNoai1aHIzeFUeNWx4P9RZfe5QD3fj5hAlxwK6Kz3L0\nj3YmaJGhVBUJnDYqJgwC4LL+IHka9rkTbuLemZdlGbHAV8fPj9bXgpjK2Xk5\nDGfF0+0PXsZhZNI+MvZ0lpqqegoNjhpEsEv4rwbsW1lqB7SjofrgDT8JEH0F\n+us7TT6hmh91TRjPuRT2JTuRRWlyLcPjCq0XHT3zTb2e5L2JgS0BoGGlKAnd\nKF3KZAy9pksKgMfTg3hwCSHPS9KoEu7FrCUwfbCv3malAzHZhqvPKEVe0J47\n39tciHkgdUsZevdp3TTvUnlJM0JL1D+M3FUvJEIojN72UWhMkAju3PKPk4dA\nr1c72TIfAT3z0va7NXjBPBrtPv9Zy3U7eyd6cW8PkvFod+Fonttmv8rySeXw\nrO2GrrDZj1G0uvPhXBkeicUgegpfxS2s5lxBgRvsO0WBfZdQr3dAG8+lSAQH\nilkR5iO0OJ8UrsNNGfw3Vxbe/e5A10TybE6D6V2b52qPjZ85DvqvCoyTjpsr\nBWOc\r\n=MUYV\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEZigj8ny/UpLGk+vEW8a1+zZHKIBoeUTp/67Es/Vxe2AiA+Ndtx8bNWcb2nU3J3x91WRm+wWLh8+pU8blJHlr+agg=="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.0.0-dev.68_1611893777009_0.7555507984617582"},"_hasShrinkwrap":false},"0.0.0-dev.69":{"name":"@spaceone/design-system","version":"0.0.0-dev.69","description":"SpaceONE Design System","author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"./dist/src/index.d.ts","publishConfig":{"access":"public"},"keywords":["spaceone","design system","vue","vuejs","ui library","component"],"scripts":{"build":"vue-cli-service build --target lib --name spaceone-design-system src/index.ts","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out","storybook":"start-storybook -p 6006","icon":"vsvg -s ./src/assets/icons -t ./src/atoms/icons/p-icons --es6","lottie":"node build/lottie.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","casual":"^1.6.2","casual-browserify":"^1.5.19-2","chart.js":"^2.9.3","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^1.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.11","@storybook/addon-actions":"^6.1.11","@storybook/addon-console":"^1.2.2","@storybook/addon-controls":"^6.1.15","@storybook/addon-docs":"^6.1.11","@storybook/addon-google-analytics":"^6.1.11","@storybook/addon-knobs":"^6.1.11","@storybook/addon-links":"^6.1.11","@storybook/addon-storysource":"^6.1.11","@storybook/addon-viewport":"^6.1.15","@storybook/addons":"^6.1.11","@storybook/cli":"^6.1.11","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.11","@storybook/vue":"^6.1.11","@types/bytes":"^3.1.0","@types/chart.js":"^2.9.18","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.2","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"b83f3541f12778b9cd0a54d02884b293906357d4","_id":"@spaceone/design-system@0.0.0-dev.69","_nodeVersion":"12.20.1","_npmVersion":"6.14.10","dist":{"integrity":"sha512-WPe7GOyUZqOdDO/RuwK98T/EKxTuuVmvAp3UhqT7wOh/xqc4jYzNReuaoEfj/QBux0BWJ3qgmxaHLpCY9e0Sag==","shasum":"f284ce5512b3972a98cff7b766114fe90c88e881","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.0.0-dev.69.tgz","fileCount":1035,"unpackedSize":109216519,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgE+WVCRA9TVsSAnZWagAA4ewP/R48DFu8Jc9ckgEKPQrb\nbG4nfVtanyGkT9a8g21Yg6P/uCW1wnylLUbr7gZlE8iciA3/4/Qnlk+Sw+Kv\nqNsWW1ciZ297x4nMEaejFCSTdRiCcEEScLZHq/WZluhaoipsO0j7TXvvQ8Fs\nUWhlyJG+4XKbiSQ/r5MODL3IyqL//VizGu/XVAzvoLMKmmmJORZdiBDste/J\ntEboKMwnEIjWQ9gBGzqZ72wkk0gMxnJZxSojy+0VHLImWe/OCDKH+scFq/Gd\nG5WPNRqNcxAX8RRl4P+mk2OQRiayHZVTopsSvIcq5zvI/LvgKnZAuS33sOQW\n7zQfUZrNa9xj1TcMltlh3JpEQhWm6RzxADiZAcNuudmDp9JbUVLls1cNakB/\nMkcZ01pHc2tnkbGGKkktudFvq77EL3JzY31fcCns2qjDRCLT90DF8JOeGQL2\nJjVfrcT8WL7PjYwh0qKpx+5w9TFbEVBmhYoq5CXdw+1PEeZ/DEDJnE4FtZuo\neZm2bBj4AxRzCCYtDYbq4VywLkjyPu0yKFV3ZhqIjJBXBPd2RWLXtDOh1xle\nlRZegkm4XzFc9XhkTnUqOnTdNJBO4YCUBTiIq1e7p/eC5upGY1DCFBNgZhi7\nDYFBiS+wgjwQ42q8G7mCnZvLKiMBIJGYqG1qmAwy612LdYZL3wV8F16zl+9r\n6dSk\r\n=0pKI\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCPhH3rM7UePIgQ4YlSVyYEt/joGpgehoF1G+3FLjD5/gIhAIem9IvpUwJYjdSiNeHWXEzrvDA/YogZAWxXSoROUPTQ"}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.0.0-dev.69_1611916692224_0.032637477078167"},"_hasShrinkwrap":false},"0.0.0-dev.70":{"name":"@spaceone/design-system","version":"0.0.0-dev.70","description":"SpaceONE Design System","author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"./dist/src/index.d.ts","publishConfig":{"access":"public"},"keywords":["spaceone","design system","vue","vuejs","ui library","component"],"scripts":{"build":"vue-cli-service build --target lib --name spaceone-design-system src/index.ts","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out","storybook":"start-storybook -p 6006","icon":"vsvg -s ./src/assets/icons -t ./src/atoms/icons/p-icons --es6","lottie":"node build/lottie.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","casual":"^1.6.2","casual-browserify":"^1.5.19-2","chart.js":"^2.9.3","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^1.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.11","@storybook/addon-actions":"^6.1.11","@storybook/addon-console":"^1.2.2","@storybook/addon-controls":"^6.1.15","@storybook/addon-docs":"^6.1.11","@storybook/addon-google-analytics":"^6.1.11","@storybook/addon-knobs":"^6.1.11","@storybook/addon-links":"^6.1.11","@storybook/addon-storysource":"^6.1.11","@storybook/addon-viewport":"^6.1.15","@storybook/addons":"^6.1.11","@storybook/cli":"^6.1.11","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.11","@storybook/vue":"^6.1.11","@types/bytes":"^3.1.0","@types/chart.js":"^2.9.18","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.2","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"ffa92390a9db282ce7317f8f6954694909ca611d","_id":"@spaceone/design-system@0.0.0-dev.70","_nodeVersion":"12.20.1","_npmVersion":"6.14.10","dist":{"integrity":"sha512-54/JIi0XWGjqB2NmXdBumcbX3r/SFjDo4+Dp78WpwGkkKpbmoCGVsYciu/gKjEN+K182gdtGAgsT2Yrk2tAEIw==","shasum":"94613738515385b8984e79c50df33e6fa46cde56","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.0.0-dev.70.tgz","fileCount":1035,"unpackedSize":109223870,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgE/ypCRA9TVsSAnZWagAAvT4P/A3NTyY/eIgjS56PbKoR\nkz/FbzRUuI9Mp5Zkz/eWlKNL9kEJXqkUqUe8XQ4MVMX+3g1/7AJgsiBwHwCt\nlbrtFvmG/kPdnMfKCgc7VvuxRG7owEtu8+Ah3CRAjhABuB3jA2MZt3GIA4a1\nZBxZr21SKzg8ycFyVYMcbZBvMicavhJuKIgLgN0qqacuyLrngwnIMBePKgoo\ndzDEBDAa12NBI6Ef0xdm9ONrlFxEcfH3zc6K7Ipmyn++BvCxkX+I3YWVdcEu\nPoCeuUyh7WWVN+wAvT0xCV6uaJJD9OHjyKXn0k6smdh3iBL84LF0cV9Q+GKk\n6hvsCpJPjCKVZhiKyzQufPE0Oh2qsALkznK8V0NHGz6C5YVMwjwrowq2I0FH\nkHgVVqEz7n6MNK7FkCWEhkU5ryoVUBTcQmxCeduEhGJ3M9bN75jjhbeeIfav\nbspnl/wEwW/9GrIBJj5XSriipLwDGRB4Vs+5kJixoN6clU8YRp0W/boTJCEI\nr0mFYx7UIyM9oquVHIwdWY0bTq1ahqX28TZzFLEJKoJ5SfwWn/tWOgHrPrpu\nDsApZ6uPzziQKsg+cUoOAN59lHVB/z6+GU8VbKGF204UReGEwFEKxqhQA8Hk\nF13CHBTv3j2haiIUw77yjp2TjhudSyXDNYiPqlDwgExFnb2xBOyjJ9DqKb8f\nX5RL\r\n=Fv3W\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCV0cZlth9pK/J8B92uc75fHfylrJpK17zIc31JGEUa5wIgcAJKaXcY+jGgfXsHHhcc3qUtoVkjsOyrOnHiyao+0po="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.0.0-dev.70_1611922599903_0.5610985993432351"},"_hasShrinkwrap":false},"0.0.0-dev.71":{"name":"@spaceone/design-system","version":"0.0.0-dev.71","description":"SpaceONE Design System","author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"./dist/src/index.d.ts","publishConfig":{"access":"public"},"keywords":["spaceone","design system","vue","vuejs","ui library","component"],"scripts":{"build":"vue-cli-service build --target lib --name spaceone-design-system src/index.ts","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out","storybook":"start-storybook -p 6006","icon":"vsvg -s ./src/assets/icons -t ./src/atoms/icons/p-icons --es6","lottie":"node build/lottie.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","casual":"^1.6.2","casual-browserify":"^1.5.19-2","chart.js":"^2.9.3","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^1.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.11","@storybook/addon-actions":"^6.1.11","@storybook/addon-console":"^1.2.2","@storybook/addon-controls":"^6.1.15","@storybook/addon-docs":"^6.1.11","@storybook/addon-google-analytics":"^6.1.11","@storybook/addon-knobs":"^6.1.11","@storybook/addon-links":"^6.1.11","@storybook/addon-storysource":"^6.1.11","@storybook/addon-viewport":"^6.1.15","@storybook/addons":"^6.1.11","@storybook/cli":"^6.1.11","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.11","@storybook/vue":"^6.1.11","@types/bytes":"^3.1.0","@types/chart.js":"^2.9.18","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.2","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"539a2a48f36813c0acc7cfb8ecfd8a69cc7e21a0","_id":"@spaceone/design-system@0.0.0-dev.71","_nodeVersion":"12.20.1","_npmVersion":"6.14.10","dist":{"integrity":"sha512-i8s/uEyAjlqfVO6ydJU7FWqZU7h3hwXo3CMWDsR/UvwI4wtbD2P1eQFOgfNlQ+8l3murlgEa22byqKKqPBukHA==","shasum":"e544e363f80856eb6638a75d7fb14373df77e1ee","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.0.0-dev.71.tgz","fileCount":1040,"unpackedSize":109295112,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgFBDDCRA9TVsSAnZWagAAEKgQAJxUuUuw9MB4KJ89YdUe\nbfjXFTxDhFDAZeoH5FQNomF5Y20QpG+zcHOeJsXgFoUWqpguRKkCUY+DCsXo\nGm+MM9T2K7nMVFEsHP0yqyaMUyEEaQIzcWTrHTqBOA37b3cRGfRaThayQhgm\nQn7PQWZW2397vzl+6x3peyyfkUaudma3Xl80qUQQ6zcrDSc4Eo1Ry5wAf1av\nmBJ3lYWm8durORkdRHuprlGmwAM7dtzm3KyN29iCYJ6p3qZtfmZ7nYf8LxrH\nC1qbqTNzcuItNYeaO3qmrRQTVhRhW4as33VOnzT+iiJxsiZKbhuZIsf4o5Ob\nlbvwZtSlk0trsBp+7DqEqHJA5BS68k/CMczH9Ax/bRSf6JvLygzyUw1o1KP4\nD5xmw+1uNYjoO3jLn5vrVucXvOX5e1qSINsd3XRmcpF++q25I7RG1yD7OUVk\nNmrJuF3FVmxjsEDz9I80fACVBgnc2hzpP1j0MkkXZJaI32KBXg6y1SIFKG/w\n5ol7L4OytBPwNqyCJfkhrBjZc+I0m3rjDXyRqxk/9tn9w6g38lrycCkpfWUk\nhO+74ppGcxIXeR/omRPhLml5TX00VIJn++uGnRdzOlwb43lGtiyqGtqmSEtK\ntwNa15mSoKh2pkXKCOR2Yais8UbRS9a3AORTmCUUxhZ2bSotdQlE9pmMZnNo\nxtgh\r\n=V5MH\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEw+kh5Nj91v1LUw41yrDqGGoTN8K6uNpbu58d5/ewpFAiAFqJDqvV+xwmxLU5lwdfxxmdu6BxyNV5BCNVqWrQb2PQ=="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.0.0-dev.71_1611927746567_0.9574818910951539"},"_hasShrinkwrap":false},"0.0.0-dev.72":{"name":"@spaceone/design-system","version":"0.0.0-dev.72","description":"SpaceONE Design System","author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"./dist/src/index.d.ts","publishConfig":{"access":"public"},"keywords":["spaceone","design system","vue","vuejs","ui library","component"],"scripts":{"build":"vue-cli-service build --target lib --name spaceone-design-system src/index.ts","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out","storybook":"start-storybook -p 6006","icon":"vsvg -s ./src/assets/icons -t ./src/atoms/icons/p-icons --es6","lottie":"node build/lottie.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","casual":"^1.6.2","casual-browserify":"^1.5.19-2","chart.js":"^2.9.3","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^1.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.11","@storybook/addon-actions":"^6.1.11","@storybook/addon-console":"^1.2.2","@storybook/addon-controls":"^6.1.15","@storybook/addon-docs":"^6.1.11","@storybook/addon-google-analytics":"^6.1.11","@storybook/addon-knobs":"^6.1.11","@storybook/addon-links":"^6.1.11","@storybook/addon-storysource":"^6.1.11","@storybook/addon-viewport":"^6.1.15","@storybook/addons":"^6.1.11","@storybook/cli":"^6.1.11","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.11","@storybook/vue":"^6.1.11","@types/bytes":"^3.1.0","@types/chart.js":"^2.9.18","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.2","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"b9f1bb14b3640abac6c620f7af25362e77b6c184","_id":"@spaceone/design-system@0.0.0-dev.72","_nodeVersion":"12.20.1","_npmVersion":"6.14.10","dist":{"integrity":"sha512-w0JZ2USTuiN8d5ODOKUnr+PpvujqRiQY4N0naNhs41/lEbZx+o6+eTPixK5FKkeHJL8QHKHJIHw7hOLtTAlN4g==","shasum":"354e6f89c56836294ee86d677fa0eddf61ad4d68","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.0.0-dev.72.tgz","fileCount":1040,"unpackedSize":109295173,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgFBrsCRA9TVsSAnZWagAAnHkQAIThhBx4WziQc+aYjNCD\nZwUT0FklHN4GzkN2hnzA6lpgJMRFZxOjp7M4l+MEtUxt/y26ucM/h+oeTAjh\nLI82caS1deopD4EWDcRr/UnUgai59Tdr8IvOmnft/lN2UVkgOvsN5XRXin//\nTeJ15UfNj2+Pdwo+FCikv1MXZK1Bmku0xac2Udif//rbYKdjGretooC7sard\nD84GTWiTNkJBV0mA/VUnjMStoRTmX7Z3d73yGl3HGbD7zWejvBccqBKcG7Y7\n/8MMfkgYh34CfH1Na1IlwqfFs4yBwk6H8Llz7Zx1H8DDW59F8yrjrIC/XtjH\nVpFfznX7Ab193mnVrDQDuR9E2Mng0ynNKVNfCmcJFcMct+/L1YO71RTfXjBH\naYeDgQjrsTSrXlHO1rLgs7xfusRMkOBe3FhXXSiEe/L94TGapLHmAn83n/af\n9SL8+zdITzwuE6aN4nR/pUgOeVLrAeFJAnbpvC+/imFB4kI5BoGwU/uadwBl\nf5WEF1SV5XivgAsn6K/bxPvmWicZoBUKauDiWIyTKwThdqrJ1OJ1b8X/p+Sq\n/RwnuL84fFZoFcT7UrK8j9OLbeM92R+q4JVEtzLJ/R/DXSabXe5OhDwiJkr3\nE+BoSNTymP4NdQhi4sGtfOZH5SMT8u8umltM37Yb5cpa4JDjq8scNp2mH2BQ\nS3bO\r\n=BRbo\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDjRZzLBCwlLpqKwhWiIrNeGZInB6vq0RW65dGGc19a7gIhAIxYRjwER9AR/9ym/4j9jVypqpJzVcnBykfFQRkpoVhn"}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.0.0-dev.72_1611930347211_0.6798366818447865"},"_hasShrinkwrap":false},"0.0.0-dev.73":{"name":"@spaceone/design-system","version":"0.0.0-dev.73","description":"SpaceONE Design System","author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"./dist/src/index.d.ts","publishConfig":{"access":"public"},"keywords":["spaceone","design system","vue","vuejs","ui library","component"],"scripts":{"build":"vue-cli-service build --target lib --name spaceone-design-system src/index.ts","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out","storybook":"start-storybook -p 6006","icon":"vsvg -s ./src/assets/icons -t ./src/atoms/icons/p-icons --es6","lottie":"node build/lottie.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","casual":"^1.6.2","casual-browserify":"^1.5.19-2","chart.js":"^2.9.3","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^1.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.11","@storybook/addon-actions":"^6.1.11","@storybook/addon-console":"^1.2.2","@storybook/addon-controls":"^6.1.15","@storybook/addon-docs":"^6.1.11","@storybook/addon-google-analytics":"^6.1.11","@storybook/addon-knobs":"^6.1.11","@storybook/addon-links":"^6.1.11","@storybook/addon-storysource":"^6.1.11","@storybook/addon-viewport":"^6.1.15","@storybook/addons":"^6.1.11","@storybook/cli":"^6.1.11","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.11","@storybook/vue":"^6.1.11","@types/bytes":"^3.1.0","@types/chart.js":"^2.9.18","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.2","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"c18b3411f5699b7528751bef469a86fd62aed51e","_id":"@spaceone/design-system@0.0.0-dev.73","_nodeVersion":"12.20.1","_npmVersion":"6.14.10","dist":{"integrity":"sha512-ouaztEemq+DNWCfFjZFwfaLaO+R7a9d/6PgC+Dhv5Tmoq789ld6y144WweI3mJQff4MssemIcM5kknRc3ZAeFw==","shasum":"b77dc85c88f72bff39e1ea5c759d1e881b853d13","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.0.0-dev.73.tgz","fileCount":1040,"unpackedSize":109297113,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgFB4hCRA9TVsSAnZWagAAS+MP/i/YKJufr++3OdamjOvm\n5Z8gA4tso6A5aQWwADn73NTYmxS4TIKajTnS2BGlAY9iqXyMibeTEL9TaiBg\nwca7cSbGk6FmNZOyJjs0Nlp3w8rYuKRkbjpDkptMM6AKeWH5dC3VEcVfljwg\n3172QoIDz8p4wit/2c3O/PkHb9bCwC1KV81lVeawkYxRV70sT6BEXMJgZ9Bk\n5po05SExbSKJiLhJIO+U0KcOiRJKI98bn2KrRpg2NkP5CJf/saXiAU+zymQ1\nTXtE4wJosQgnOjqOh4bRjtdze3FBgqV1X/LjAii8SWEv8bgjpmiYIvpIy4NM\n/vVWul1xoRPnOJFyRiRqaVDG8VW07OKvrlk+RtFY/800ZZj18qnbQotSguZy\nVqZM+t9Jgan8UKZZdGL4ybTwg09vUzVuaVc/WjjI/r+DilwM1obQMW6oHZAF\nbRrqakFw76U8+vPN3+ezUxaBmCpxNKpBiH73xgJgrbj+HBlza5b2sdUTzELc\nrotFUqHM+Btix95FAYBQBEIUlDdvUHM/ELPeYFFb3PlUYk8yWR4wrMN7BBrn\ny6VlwvH48zcNgeXcKgh7w/VrCt33IXNok2vikrGvjSdWdF5XjNSSFWZpNGU5\nHGEPp2UP2NqLRbb9KZUNQq26KzcJgY1KV6idpfPNsUXUmqxSxczjNdnQvBoD\nfowM\r\n=/Me1\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCchaa7ElKfST/mgqCli9JaJj8wxJOK5WsIphosVbhPYgIgfcAQmDJ/ZGX6enA/C7pyINGegfx5zCHqqILpn5tBySU="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.0.0-dev.73_1611931168212_0.07959952904884626"},"_hasShrinkwrap":false},"0.0.0-dev.74":{"name":"@spaceone/design-system","version":"0.0.0-dev.74","description":"SpaceONE Design System","author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"./dist/src/index.d.ts","publishConfig":{"access":"public"},"keywords":["spaceone","design system","vue","vuejs","ui library","component"],"scripts":{"build":"vue-cli-service build --target lib --name spaceone-design-system src/index.ts","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out","storybook":"start-storybook -p 6006","icon":"vsvg -s ./src/assets/icons -t ./src/atoms/icons/p-icons --es6","lottie":"node build/lottie.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","casual":"^1.6.2","casual-browserify":"^1.5.19-2","chart.js":"^2.9.3","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^1.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.11","@storybook/addon-actions":"^6.1.11","@storybook/addon-console":"^1.2.2","@storybook/addon-controls":"^6.1.15","@storybook/addon-docs":"^6.1.11","@storybook/addon-google-analytics":"^6.1.11","@storybook/addon-knobs":"^6.1.11","@storybook/addon-links":"^6.1.11","@storybook/addon-storysource":"^6.1.11","@storybook/addon-viewport":"^6.1.15","@storybook/addons":"^6.1.11","@storybook/cli":"^6.1.11","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.11","@storybook/vue":"^6.1.11","@types/bytes":"^3.1.0","@types/chart.js":"^2.9.18","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.2","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"2fc93231b247934439c37e382954d55f75035661","_id":"@spaceone/design-system@0.0.0-dev.74","_nodeVersion":"12.20.1","_npmVersion":"6.14.10","dist":{"integrity":"sha512-K2tlTjnhpxeV+QJOr6FP6fS7RqBirBD77C/OZAFs+WnPWxvhUfnFPMsz2DLwMCd25mAtaGKemEIN+jsGq7zE1A==","shasum":"6743448036d2df6e39b081da488d8b876b48d24c","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.0.0-dev.74.tgz","fileCount":1040,"unpackedSize":109297115,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgFCC5CRA9TVsSAnZWagAA7ngP/0VK9xvztVxRcW0DL4oz\nVWQHbyyDs3nY0EjgVTL+kwtW/J8dg2uzap9WTmQnOr+YmOcv/yqMJczuUh3y\n7qb2AsbBHlVMdwNE7OCJCxGljk8wDrycKhqWmwjrIl1FJZvdlBuqzbax2Q8R\n1g9sZMBAla6iRQ/UGnUcu4PGUvzIw4Lf7ugjWnEdrqPv+oFiRxBVR4OJLvqM\n/C9zsMjC7jpswDiyTKFhEAtcm/lXAMVc5nrNuf5vMlLHp2rgxvKdpA2YJ++D\njSC4hJ9GDa++cA0tqFsQUqt/wl8FYyfcgQNnLmEnqL3hrPO1aGP5cfF3+mfq\ngQtG8iP4deyOrtwZnn7xy5rJhAikPvpHGDJ6nLmuFk62b1C5yJv8vqsUKE2G\nX4xMz7ZHJ1pcNgSb469zck7MFhwytqZvS5AcgQbDPamj3UUHw+VAzhP5Camw\ngqwYg6HE/D8X0SWTa3wsayI8IOtdveRFNY054KhA+OcRl1n3s4dREGxHbR5a\nMy3ejHscrojtOYJ6o5HkXnJV7TMAzmSc/B3ucErNvGwguaMDyubV8o+Vmxm/\nVzgcLjgpXhYJrzilZqDNXT17V5esmTx5x7+YFtdkI9O4Uv8BjZ4X1o6S8N5N\nXWWaUc3pvdQHRyCkFkqDJ+HNjKC5BldaqnI2lNhkvahr927pkjbSSQJVDQOg\n1b8q\r\n=iuJX\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHLeaUbVtJiPB6i0mEWmwkMflDrnb12FV1/c+7tkyPC4AiBf/w7ui6GIAp3gH4+S61JXRPaaEEz+zDV74nkODSjgOw=="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.0.0-dev.74_1611931832618_0.7927333851989813"},"_hasShrinkwrap":false},"0.0.0-dev.75":{"name":"@spaceone/design-system","version":"0.0.0-dev.75","description":"SpaceONE Design System","author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"./dist/src/index.d.ts","publishConfig":{"access":"public"},"keywords":["spaceone","design system","vue","vuejs","ui library","component"],"scripts":{"build":"vue-cli-service build --target lib --name spaceone-design-system src/index.ts","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out","storybook":"start-storybook -p 6006","icon":"vsvg -s ./src/assets/icons -t ./src/atoms/icons/p-icons --es6","lottie":"node build/lottie.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","casual":"^1.6.2","casual-browserify":"^1.5.19-2","chart.js":"^2.9.3","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^1.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.11","@storybook/addon-actions":"^6.1.11","@storybook/addon-console":"^1.2.2","@storybook/addon-controls":"^6.1.15","@storybook/addon-docs":"^6.1.11","@storybook/addon-google-analytics":"^6.1.11","@storybook/addon-knobs":"^6.1.11","@storybook/addon-links":"^6.1.11","@storybook/addon-storysource":"^6.1.11","@storybook/addon-viewport":"^6.1.15","@storybook/addons":"^6.1.11","@storybook/cli":"^6.1.11","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.11","@storybook/vue":"^6.1.11","@types/bytes":"^3.1.0","@types/chart.js":"^2.9.18","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.2","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"a04deb6d960e8f633e2d7f54416622bfee256c02","_id":"@spaceone/design-system@0.0.0-dev.75","_nodeVersion":"12.20.1","_npmVersion":"6.14.10","dist":{"integrity":"sha512-WLgUjtWFSGFu+EuF4KBq3g0/rus60mUM1TSM201tywEubOtOiXXSwFOYAwy0WEwI6oF0ZW+xxNxPFSSJyxsz2w==","shasum":"480f08e90d81cf10a9717634598e268b7c3172bd","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.0.0-dev.75.tgz","fileCount":1040,"unpackedSize":109297439,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgFCKSCRA9TVsSAnZWagAAQ8wP/ihvXHj7KsHfgQjdsuCM\nLNvcERaLM48L8DLeGNCBGUj5BL0RS9oZSinL1Qk2pJkHbWrCz/ylYJGafK/c\nIojkhKItiXCpWJsx1mV4ZXNcJfAxn/Uicg8WNKItI0Npz6ulOg23pDDi1pHc\n+eMTqJ7JYzMRc9G4vMZAc+rY52BHBqjpQzSNJDC1/6TXfhk1GHVLufu+jsG5\nJK71Blu7cMBZ26v6s8YOe99spATA8+TrIJ2dDPsvAbVOVr7E6TAWkbkMNh6i\nWq/u3LHIjMQtIBsdtsoqN2HQbI4CC0bE9s1UjikzcOZomd56SVrSY6ulhTrj\nQZrKnB466UPfxeJr9F6JyxMVoXjXTwtfvnnNGJr8AzUo82OpgnpwO3WYzeum\n9994M1kxQcWEYpaS7+yQCCJQI1ngvkC58VoS2ucbU9LUCgYL3NeyKpiQJShF\nogI2YR+HgNUAwizKOgVWNVI5xTQdyyaDG4o/Im/WWvOUlhbthu/rguJ00h5F\nF5W7Ow3VnshTGXNtFIwcShTEsnWoNR2ljCXP+ofBU3yJe5xYX2UCbNE0iRSN\niaQnsH7p9PThbUFcP61SMuTPGDibj1nmeRCE2QdfSOceZttuucTJpRtoEGN4\nzefTryeU1vkCIo4snL80fJVB1F91I0aBNuLxx0uNVAbTHvplXX/bgVGNudIO\nxgER\r\n=5oVt\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCZpCAjJaDmkEkl7wcIf5JD1slWfzTBRhhR0TFuRJlyuQIhAKnjcUWLxFysevGOonc0uGjzcQZ8Ui3GNM2Z+QLg0Gp7"}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.0.0-dev.75_1611932305054_0.4658774184013319"},"_hasShrinkwrap":false},"0.0.0-dev.76":{"name":"@spaceone/design-system","version":"0.0.0-dev.76","description":"SpaceONE Design System","author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"./dist/src/index.d.ts","publishConfig":{"access":"public"},"keywords":["spaceone","design system","vue","vuejs","ui library","component"],"scripts":{"build":"vue-cli-service build --target lib --name spaceone-design-system src/index.ts","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out","storybook":"start-storybook -p 6006","icon":"vsvg -s ./src/assets/icons -t ./src/atoms/icons/p-icons --es6","lottie":"node build/lottie.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","casual":"^1.6.2","casual-browserify":"^1.5.19-2","chart.js":"^2.9.3","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^1.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.11","@storybook/addon-actions":"^6.1.11","@storybook/addon-console":"^1.2.2","@storybook/addon-controls":"^6.1.15","@storybook/addon-docs":"^6.1.11","@storybook/addon-google-analytics":"^6.1.11","@storybook/addon-knobs":"^6.1.11","@storybook/addon-links":"^6.1.11","@storybook/addon-storysource":"^6.1.11","@storybook/addon-viewport":"^6.1.15","@storybook/addons":"^6.1.11","@storybook/cli":"^6.1.11","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.11","@storybook/vue":"^6.1.11","@types/bytes":"^3.1.0","@types/chart.js":"^2.9.18","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.2","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"93609521548f87b44106fd8d62190fb796814db1","_id":"@spaceone/design-system@0.0.0-dev.76","_nodeVersion":"12.20.1","_npmVersion":"6.14.10","dist":{"integrity":"sha512-KEEzVXbosXNFnPB15wLcI62S7xILhz/kesaxvtHt/PEdh16yAS6o98X0sDzTBd4vBKDVzhzc7GZDi/pFK6oOww==","shasum":"a709c0f653b6adafe426044183ab7b36c6b20943","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.0.0-dev.76.tgz","fileCount":1040,"unpackedSize":109296774,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgFDm0CRA9TVsSAnZWagAA1HkP/2nwdI1yTO3Z2dFO9RLa\nYuUYGVBIBs4sst+tCux1u2SzwZesMmwm+6fqD5R8h4zFIVqmn6kcM1+9Iu9H\nNRaRe0AGj4JFKfAsKj4bt86OW68lVYOFK7+5kBrfnDCnWMiVj3m4EoJMM0Lo\nN3nVhAgR+UuJfiX+H/vSTSg1BnoeQFFQxFBggT+tf88X0E1JPt+0HO/6sg1O\nYe5jcx07IoQvn0eGxf9Q5Hrs3r/C/ZAXIdY5s0fQA5sQnmIMxYMzl4S69b5y\n2QzLg/L7kL1Q3kM2CYePO+bTlDwNwaioa0KBAAe/559qP21IVSpncVHooh4N\n4ZAE5i8gLo3HWP4Cw2Mgl3xwefxpmk028UZRn01UjMoiAn7lhUU/R/FW5K3+\nuOEeLG0UYFEvVkTZwvFE8BPxvcoe4k60oTX7mF6FTuL2eSSyVGzJo6HvDn2y\nn53mnlecxNvK4IPboIf2Uzpd83p8DfGC9wTsW2z6TEox9RTZYYHJfDkFcwA/\nlVJXCoT15LeBP3+FoXnjLcs9sh00uVzIFciXtAvdBhG8n6A6o1Eyr9UsfNwQ\ngw3iqK5ECxfKQwaIgroYeLE77+J861dgkyS9RQQsYw+DuaMmVxzEpsBOtAlB\nmBDsUPKvB6+kXyxeCVPEPgGCgo2V8kGX0kk4pN8jJJQP1HN36LEhpNOWudLp\nForm\r\n=9WjM\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCrVD052u6MzFn9bFpK2MyP6/q5TH0KEQ+imOT42jCHLgIgbVGT0YiM/B8kWqTHqgPg5c/BMpb9A9rEk4OMy/SoDM8="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.0.0-dev.76_1611938226921_0.023972873082200197"},"_hasShrinkwrap":false},"0.0.0-dev.77":{"name":"@spaceone/design-system","version":"0.0.0-dev.77","description":"SpaceONE Design System","author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"./dist/src/index.d.ts","publishConfig":{"access":"public"},"keywords":["spaceone","design system","vue","vuejs","ui library","component"],"scripts":{"build":"vue-cli-service build --target lib --name spaceone-design-system src/index.ts","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out","storybook":"start-storybook -p 6006","icon":"vsvg -s ./src/assets/icons -t ./src/atoms/icons/p-icons --es6","lottie":"node build/lottie.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","casual":"^1.6.2","casual-browserify":"^1.5.19-2","chart.js":"^2.9.3","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^1.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.11","@storybook/addon-actions":"^6.1.11","@storybook/addon-console":"^1.2.2","@storybook/addon-controls":"^6.1.15","@storybook/addon-docs":"^6.1.11","@storybook/addon-google-analytics":"^6.1.11","@storybook/addon-knobs":"^6.1.11","@storybook/addon-links":"^6.1.11","@storybook/addon-storysource":"^6.1.11","@storybook/addon-viewport":"^6.1.15","@storybook/addons":"^6.1.11","@storybook/cli":"^6.1.11","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.11","@storybook/vue":"^6.1.11","@types/bytes":"^3.1.0","@types/chart.js":"^2.9.18","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.2","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"cc08f59a40b2cf70509a59ad728d832b41cffb11","_id":"@spaceone/design-system@0.0.0-dev.77","_nodeVersion":"12.20.1","_npmVersion":"6.14.10","dist":{"integrity":"sha512-0VhJIjW/J4RaeK5Y4wI2KwqEPlMMJq2FXSC9A1ZypD3e3DJzoo7DxGRkP4HXn/uD8dpOd6dMP1l5+y0LwCny9w==","shasum":"58b55455f6f5d9f2b1725ab2c7cb5caa9710210f","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.0.0-dev.77.tgz","fileCount":1040,"unpackedSize":109300178,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgFEJ1CRA9TVsSAnZWagAAUawP/3mpGtOKwVKKlgv+rBmi\nHNg+4fAhAaBzD1o1uYZXaZRsTKHAcj7mYjq9Ga7M4GgngiW64/IorunrJIcG\njnY/GDT6V5hpsVnyu6DmBTjoSGVRfNUIJcwB7dc85RdfPow6kt8qpG7mrQY3\nbsED9R8SR+Svj4y5WvsHPPSAUO0QWqv4Xa1sC2e05LosCQPFNVoBTlNH/bIY\nARUwmxNocvo7eOWRtyhRlKloZG3SEplAOOR8PX0hFyjdKbaGg46a7egtaQaZ\n/wkxReHVJYp3urfY9oK41IF7JTNU3pVtt5XvAGbuWvemDJvHcYwQP5K/Rnlm\nl2S/wYXC07d1YxccSTXMYhFwxiRo5zxk+ht53b5gcMYpTuhiigq8vTbXr5xo\n1UFC42j+fhCwAmVTwWxEp82JjNmPQW297v7Yt4cRXup81JUeCyfC0I/0ZkQX\n79/rJaZNmxZ6m+0jGpwNY4M9HGnquDUSRvhju6MByp8hHaGQkfqN2WsVPxIB\nOF6fNJfteNUKHLEqGvJuezr7FQhRTiZwrVvtfptET3iYkKGDAXOEmNdEFZoj\nuGPUZrogWvNhL0X60Fox7p7/wFPIp+EpDPosgNhwWasfpW5wRn1jhARuqRvG\nDpF0V94Bfjv2uOCx7SnEW2p0arcf9GVeD8IX9904L/3PBL2SZjxEZZ60nkcH\n4q6F\r\n=BTAT\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICxLUvR8KWhbsZ+5rLW4tPjWPbZo8+eBNAjGcBzc3HbSAiBqPTHFpNYaTh8DtZheoiEVuaAO5moL/w1VTmXNnva4Ug=="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.0.0-dev.77_1611940468471_0.7114010249891531"},"_hasShrinkwrap":false},"0.0.0-dev.78":{"name":"@spaceone/design-system","version":"0.0.0-dev.78","description":"SpaceONE Design System","author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"./dist/src/index.d.ts","publishConfig":{"access":"public"},"keywords":["spaceone","design system","vue","vuejs","ui library","component"],"scripts":{"build":"vue-cli-service build --target lib --name spaceone-design-system src/index.ts","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out","storybook":"start-storybook -p 6006","icon":"vsvg -s ./src/assets/icons -t ./src/atoms/icons/p-icons --es6","lottie":"node build/lottie.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","casual":"^1.6.2","casual-browserify":"^1.5.19-2","chart.js":"^2.9.3","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^1.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.11","@storybook/addon-actions":"^6.1.11","@storybook/addon-console":"^1.2.2","@storybook/addon-controls":"^6.1.15","@storybook/addon-docs":"^6.1.11","@storybook/addon-google-analytics":"^6.1.11","@storybook/addon-knobs":"^6.1.11","@storybook/addon-links":"^6.1.11","@storybook/addon-storysource":"^6.1.11","@storybook/addon-viewport":"^6.1.15","@storybook/addons":"^6.1.11","@storybook/cli":"^6.1.11","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.11","@storybook/vue":"^6.1.11","@types/bytes":"^3.1.0","@types/chart.js":"^2.9.18","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.2","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"d1127a0fb282c4022ee186021489eb4acbace706","_id":"@spaceone/design-system@0.0.0-dev.78","_nodeVersion":"12.20.1","_npmVersion":"6.14.10","dist":{"integrity":"sha512-vTwRaaADEh38lFKCUD6CROmAlPK2THk5Ec9nvETsFvLkY3YjRVoR9HPHsl16KAKI6SohwnCbZ1thF0b43z3nKw==","shasum":"ffc3798d7d37baa1004a87f19f014b305639a564","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.0.0-dev.78.tgz","fileCount":1038,"unpackedSize":109025958,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgFUW8CRA9TVsSAnZWagAAPM0QAIKopyvgbqoAanFT0mYK\nCPjkt5uo7wgdIZgBdksLdmG4SGVATv7upxfYMXU8By5pP5J08n9XJQ78LREe\nGegkAsNQNsulv8nx3RFx0kwd2zUBWpFcplrUNcZzRPZHqu8YYRLnfIqLpbI/\ni5OeKpYHy2tw1t96WwvUUTWn7yvP0Gq90XXcuZzcMwXrhbDaKaVrAR4VCTP0\nctCXCrCjmTV/oQC+L/NzEZV1qNklh/lJMFBU3uZZSSJ+ahApKm+vZog2EL6C\nZW1ixlrghNqpsSbonyssNCrmwAt3IfbSBuGAjxzl9AzKYbJMGH7f8UcvZWc1\n7dK/lcrpbSGjbV+QNRoyMkz2f+H8gpBCYhoiR+mqUmNKG37pmeHJ/hHgYJfk\nntYVFV0hCSFWpizgiOGVzYqGrFxTTb4simE5EuZoQ0StfMEFVRuqiSAKtEDl\nyymsY48J5e5ByCTvZ5sfdWKV+cFgxYCHz0jOw0hjwU9e4OZXRx1+rwtao2yq\neu2WoXbT2epBRHIveMX2RWfBgk29CWWk697euIU8WXNxuPFj8Kwkn+p8Zrgo\n1kqRKVXQgx8cyCwTK1yputWcLg1JifF58LQgW2ej0GVwpZ4ZLbrPGoFbcHon\nwbyxb77UeY4aFt7bHLm4taHAdmb3nhGR965ZY/Ta3sndWvJXlRgYtM8tUbN8\nCx3K\r\n=O7Vt\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEOA35koQo6hsoWudjH2Zx6/pdGP4eYwlnM4IZQECvsuAiEA+zg+aNhZdP1TAn9imnXez7m9THO6vDnfzCR4gHOHLnM="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.0.0-dev.78_1612006842914_0.06497631066902576"},"_hasShrinkwrap":false},"0.0.0-dev.79":{"name":"@spaceone/design-system","version":"0.0.0-dev.79","description":"SpaceONE Design System","author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"./dist/src/index.d.ts","publishConfig":{"access":"public"},"keywords":["spaceone","design system","vue","vuejs","ui library","component"],"scripts":{"build":"vue-cli-service build --target lib --name spaceone-design-system src/index.ts","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out","storybook":"start-storybook -p 6006","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","chart.js":"^2.9.3","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^1.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.11","@storybook/addon-actions":"^6.1.11","@storybook/addon-console":"^1.2.2","@storybook/addon-controls":"^6.1.15","@storybook/addon-docs":"^6.1.11","@storybook/addon-google-analytics":"^6.1.11","@storybook/addon-knobs":"^6.1.11","@storybook/addon-links":"^6.1.11","@storybook/addon-storysource":"^6.1.11","@storybook/addon-viewport":"^6.1.15","@storybook/addons":"^6.1.11","@storybook/cli":"^6.1.11","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.11","@storybook/vue":"^6.1.11","@types/bytes":"^3.1.0","@types/chart.js":"^2.9.18","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.2","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"430acd9be3dbfb90ff93df059ddd394389500202","_id":"@spaceone/design-system@0.0.0-dev.79","_nodeVersion":"12.20.1","_npmVersion":"6.14.10","dist":{"integrity":"sha512-mc3+ki21et8PnfZ9JQvseW/juHaCibsvrJBlYy3tXFSdHxVIK0NcSFwT0Mcd4QvorP03S1NLipxE/zAHo1GiwQ==","shasum":"965f86b2fc56a6c2bf735e34e73178d0524fd3a5","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.0.0-dev.79.tgz","fileCount":1022,"unpackedSize":108725288,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgFjZaCRA9TVsSAnZWagAA928P/i0dQahhIedH2NaSjet0\ngsQRw6bWElnuBl5v8PnSi81BkfA8HThJ3u9iYAEG6CjiruyCCVV28SqLjLx+\noP+ifsxZLz/mkjD0aMttx6SQakuIDKfIbN+LyR3Reut7gQRcvSfC8nlRDOX8\nRlutWSsRUVHf/XLi8gL4qQS+RaIYXrjtN8QxZ6cqqSxzshYGJeFMfTJvtvJe\nFxMikeNMvyA6X7ic2j6OVoxrSlV+I29VkEJnCi10ZAkDygmES4uwNe8gS/j6\n6Rt3ADVASBo55fgrhxm3CYBAf6qgjUwjT4trTbEFDcUust7e6+tVXoDBes5l\nyg2+rsciubNW7rIkvt3CiyFsI4zL4dJ/+GxQ1gV6D8ngsk5TxgFZPgU4rGFf\n59Yqi0B1EZKgBPYRMUkvJF/TUZeaGxnod0ptwSGtPxNf5ynxYigGSTkJ7+0q\n0RnMlEaTKQzsgic3FSNTRSg1AHsKvE1zGoBSZ2aGTKErxYmmZ+1ovSyvUG5B\noZKocPseJm60AxAR8U0QbGRHBrKwJhc8Ctjh+6+1c3QssRwPmYNZhqjv+RpV\nfB7LKHdzrjKKfDbymeWj4nxOaxv9V12F6EOAPVJy8F7yqCOKH+xRNQ/cy3eW\nj5P+5jEnvRYzDfdIU+whIW+V5GxJH7ptvF3TciDU+gqauaK8g5D/dAcnwXU5\n8tKP\r\n=i0E0\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDu2gQxL/sgV+o4QUUNTToY2bmTRLxQfdN1Oyb/Zf2sUAiBSjfjen67Sd69H+VjEOGfnAnNsXiYGxgwrELPS4lm3jA=="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.0.0-dev.79_1612068441753_0.37226370037780976"},"_hasShrinkwrap":false},"0.0.0-dev.80":{"name":"@spaceone/design-system","version":"0.0.0-dev.80","description":"SpaceONE Design System","author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"./dist/src/index.d.ts","publishConfig":{"access":"public"},"keywords":["spaceone","design system","vue","vuejs","ui library","component"],"scripts":{"build":"vue-cli-service build --target lib --name spaceone-design-system src/index.ts","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out","storybook":"start-storybook -p 6006","icon":"vsvg -s ./src/assets/icons -t ./src/atoms/icons/p-icons --es6","lottie":"node build/lottie.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","casual":"^1.6.2","casual-browserify":"^1.5.19-2","chart.js":"^2.9.3","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^1.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.11","@storybook/addon-actions":"^6.1.11","@storybook/addon-console":"^1.2.2","@storybook/addon-controls":"^6.1.15","@storybook/addon-docs":"^6.1.11","@storybook/addon-google-analytics":"^6.1.11","@storybook/addon-knobs":"^6.1.11","@storybook/addon-links":"^6.1.11","@storybook/addon-storysource":"^6.1.11","@storybook/addon-viewport":"^6.1.15","@storybook/addons":"^6.1.11","@storybook/cli":"^6.1.11","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.11","@storybook/vue":"^6.1.11","@types/bytes":"^3.1.0","@types/chart.js":"^2.9.18","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.2","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"e59c431134a778199f3342582f3ebd467461062e","_id":"@spaceone/design-system@0.0.0-dev.80","_nodeVersion":"12.20.1","_npmVersion":"6.14.10","dist":{"integrity":"sha512-Z2X9meSum/Di8Jh2Zag5Wy+NdpD1W/aYFEqwRhRvuR+ukZUXbd6iMihIPusGmhzcf0Nd+49rfDQ7mEwKgOxfIA==","shasum":"e75b9d11e5f2af19e23ef4ed4ba9ba2a493e133b","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.0.0-dev.80.tgz","fileCount":1040,"unpackedSize":109299932,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgF4uFCRA9TVsSAnZWagAAQ1EQAKFxnwZJgXgohjKaQoCD\nW3bVLK33UNkoqTuBvljXoiWGKSONMKbvbMpdWLM/y70S8aPT5JNB2kYJ2RwY\nc70cd7ksZrRT731yIR0STdg/NbVfPx9zEOEutvI2u9OlMS1522zZynH4/O19\ngI1qzC4gWbZkaIxFOUgdJVVFqgvDccZ7ZjhhTTY+odPHIulHyrHpvrSLuQti\n5tZ3TsTYaLB5PYg8v/ASR3P06LmZVYg21K5XJRDfBaa89j//Pfn6UYxut2vm\nUWJkKvjspFVjzWUr4eTQjeR/cqb5ORxoJFIlkKOX4Oyx7+p+sv7KyZ6YsoRK\nrAa66gQhYIiaO/qTP++bbUVknhrTqR1aKDXGVyBcRBhrKKJigs47SV9t6BA0\nzHy86i6Q6ytHMd4cpxOKpcLK2kOoRtQYCNRRcH4JZ7I30FRbwWjBRCkOidXn\nbhJ+aO/LsFNI71d155lpY0iyCkeVhK+Xe1SR4pLPpNWYceMU7Ti8rrsODIno\nOKFm48OxiBARZFAXZeGv8LCbWAZoM0MmaLAq3FtAFwaPIuKB2RvuSppSec6f\nif5ocIfeRYe+ZxcHXZNCTAz1icSAE2T5vUIXK7UxC65rWnAFJmAoRogr8+Uk\nyFyNQXkAPJcWPBc4JpjYL7YJYNAMLbr5mzcBM8XfMpU2OBhwFFtWyRgmcERc\n/CoU\r\n=g0WS\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD6wdH9yrb9c/yE+NlyuBe/YIPVH/b/5JIj/y7HAXqV7QIgJMSA3KNPtUem+5Wr54J7YApyoaXRIceetCG2AXVIYO0="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.0.0-dev.80_1612155780342_0.4871305198505429"},"_hasShrinkwrap":false},"0.0.0-dev.81":{"name":"@spaceone/design-system","version":"0.0.0-dev.81","description":"SpaceONE Design System","author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"./dist/src/index.d.ts","publishConfig":{"access":"public"},"keywords":["spaceone","design system","vue","vuejs","ui library","component"],"scripts":{"build":"vue-cli-service build --target lib --name spaceone-design-system src/index.ts","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out","storybook":"start-storybook -p 6006","icon":"vsvg -s ./src/assets/icons -t ./src/atoms/icons/p-icons --es6","lottie":"node build/lottie.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","casual":"^1.6.2","casual-browserify":"^1.5.19-2","chart.js":"^2.9.3","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^1.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.11","@storybook/addon-actions":"^6.1.11","@storybook/addon-console":"^1.2.2","@storybook/addon-controls":"^6.1.15","@storybook/addon-docs":"^6.1.11","@storybook/addon-google-analytics":"^6.1.11","@storybook/addon-knobs":"^6.1.11","@storybook/addon-links":"^6.1.11","@storybook/addon-storysource":"^6.1.11","@storybook/addon-viewport":"^6.1.15","@storybook/addons":"^6.1.11","@storybook/cli":"^6.1.11","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.11","@storybook/vue":"^6.1.11","@types/bytes":"^3.1.0","@types/chart.js":"^2.9.18","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.2","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"536a90889d4df6d03f10f4ada7dcb070ab1c18e2","_id":"@spaceone/design-system@0.0.0-dev.81","_nodeVersion":"12.20.1","_npmVersion":"6.14.10","dist":{"integrity":"sha512-n9S7iCVu2yGgptJsj03t3cDeul+syLeAwtM6vXDugKygCVABc0jV0qyJZbDNK75dTcxeWNCxvdted7BY8MViHg==","shasum":"0747a26d715a8bad886246c27b4c642ce94eb21c","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.0.0-dev.81.tgz","fileCount":1041,"unpackedSize":109291988,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgF5ITCRA9TVsSAnZWagAAPLcP/iu6K/yGt6IgCxd0Y3xs\n65i7yr67IG+8eqPBU3n78YsPzq9/uXgD/G0H3AvXZ91LpbCMCqCvyWMl3SRh\nj7yUU3/DXePSrRRZY6wquaoo2LtSsTpLOKU4GMArNK0VcJDselKVBhS8T/Nd\ncBHsnr0qAZw2FNhp2nO9G8Zaav04xors/untHlgeCN68Fa8/MilmRQLJkeJX\nhNCI94EpRphQkm6uOas12W295AvBPgErwDHRc9ATJlgRMRpZH6NbP4UcdgOj\nwmJEHM8I13kQhc3oBkOf2+hC0BzEZs1bRGivYdVbGIhEQFEgZqE4re51QWkl\nxvxc1MA8ShTJ5DYwprYtasqZeApGQSrpJdpDfPP1mlAO7CsobQB4U/C8xjuN\nLumHON/W8XLpJJw4L54C3/G3gFx7TloaLdhy8LPYJv3lLcTdvP1AV5PS2aYO\nN/7bKQoQg2oDoxDDiVw3/VLfpV2nE0nFCopvbZRwqk5cMm+S/2F9v/LGKDaQ\nKW/qW+obH1eoKYnTwzi3piRsnwefUjLRX7B6TjVm/fqCdq1mFYiclNUv24nj\nOnZarK533AWHMbOUiQLh+ZvYSskE2KWn3Ib7kSumYPPe/fvyU8eZRKqYhIaI\nIEny81oiKfNXxA+WXO1QAiRK8v9eOFmJXCGVbyTUGSJA5q0io5emEtyUFJph\ncbyV\r\n=bmPC\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD6eApbpAgqpRYUkmAx4OdPASjQL6Xb2Ts3jrS2UPYRfQIgd6Xfu62G8xR0Vc+UQk3k+z2HqTvQ1+4ge3xic/BAB1o="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.0.0-dev.81_1612157458356_0.21174872593187555"},"_hasShrinkwrap":false},"0.0.0-dev.82":{"name":"@spaceone/design-system","version":"0.0.0-dev.82","description":"SpaceONE Design System","author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"./dist/src/index.d.ts","publishConfig":{"access":"public"},"keywords":["spaceone","design system","vue","vuejs","ui library","component"],"scripts":{"build":"vue-cli-service build --target lib --name spaceone-design-system src/index.ts","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out","storybook":"start-storybook -p 6006","icon":"vsvg -s ./src/assets/icons -t ./src/atoms/icons/p-icons --es6","lottie":"node build/lottie.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","casual":"^1.6.2","casual-browserify":"^1.5.19-2","chart.js":"^2.9.3","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^1.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.11","@storybook/addon-actions":"^6.1.11","@storybook/addon-console":"^1.2.2","@storybook/addon-controls":"^6.1.15","@storybook/addon-docs":"^6.1.11","@storybook/addon-google-analytics":"^6.1.11","@storybook/addon-knobs":"^6.1.11","@storybook/addon-links":"^6.1.11","@storybook/addon-storysource":"^6.1.11","@storybook/addon-viewport":"^6.1.15","@storybook/addons":"^6.1.11","@storybook/cli":"^6.1.11","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.11","@storybook/vue":"^6.1.11","@types/bytes":"^3.1.0","@types/chart.js":"^2.9.18","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.2","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"86196aa68ff18e6556275c9f1ff15b0d59627fe6","_id":"@spaceone/design-system@0.0.0-dev.82","_nodeVersion":"12.20.1","_npmVersion":"6.14.10","dist":{"integrity":"sha512-z/x007XT/CSiFpz2WBXxdMP67qpIKERfDgQCqnOeSEq1+HvNnKLTJRooruYa+qhcvsybe+grTKNOKllTjHhP8g==","shasum":"6e30093f391798a3d95d80fb5f8fddcef8913407","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.0.0-dev.82.tgz","fileCount":1041,"unpackedSize":109292317,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgF5KLCRA9TVsSAnZWagAAsO0P/juziHw3ucszhWh8cPBG\nrCOqkIfTCo0TbQtVmy0QNVWFOyLbfonipcOG7Z2W/nWb9ccnYSMUwHRP/Ip6\nwQeCuDjDrKM2Srhltvy/GvY1cXd+XO4PeCkyWKDA6eOfA3zHjBCnFf5gXJ/F\nVMRjR2IjoLahEFgoYUlLXpsXrRtHUvbIh26pcRcmmgbAKUn1A/Cz6E5pHoPH\nRpLc/xXYNY5AghvXZBAAA94npnYzv9d6eOsLn+L/VJmvu99IKO+TQEH+G51q\nmJn48Sc6/4UjdNZtjg2mkYsoBtX+gGApPiG2PtHEImeaRqQGeI3VKVCqVDUB\nec+tzWTutHZFjPin/fsnVJFrk6zbcG0M7wYGzqQN8h5idfwDGX6zFJuieLFi\n9qc4KYS7wHC6J96OVw7g02l2t5C8zqwG2czbqZUOluDvyp6Nxe3w5X9fq8oX\ny+DNRmFEVzV1eTBWPEeL8BIInzg7zby9wmdAyR9kzkn0cCEWwq3pwIX2QGh0\nkCAZhQL+Svb544f47h5PQnkLYx4XsXCPnA6Cmc88tBIpT0tH+h2g7fANBCuf\nv1fs5ckURO7QiIgrzYipM64jJ8ijoE9dNkFadGKo2qLvLrqdk5zTz89eTnh0\ny/HPovTjihZQCkAyq1N1h+onoZiHu3VALgfyzVfAcE+zT72/e9lyCMKm3YNb\n2t02\r\n=gnDL\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFbOakAMocXNHBjnyLFJ1MIlo8t7yqQAYz5SRaiEgQ6AAiBZTawaTO8hCy5UVD67TmksKdpG/9/WyVoIQwWewmnEmQ=="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.0.0-dev.82_1612157578733_0.9655514151279607"},"_hasShrinkwrap":false},"0.1.1-dev.0":{"name":"@spaceone/design-system","version":"0.1.1-dev.0","description":"SpaceONE Design System","author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"./dist/src/index.d.ts","publishConfig":{"access":"public"},"keywords":["spaceone","design system","vue","vuejs","ui library","component"],"scripts":{"build":"vue-cli-service build --target lib --name spaceone-design-system src/index.ts","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out","storybook":"start-storybook -p 6006","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","chart.js":"^2.9.3","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^1.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.11","@storybook/addon-actions":"^6.1.11","@storybook/addon-console":"^1.2.2","@storybook/addon-controls":"^6.1.15","@storybook/addon-docs":"^6.1.11","@storybook/addon-google-analytics":"^6.1.11","@storybook/addon-knobs":"^6.1.11","@storybook/addon-links":"^6.1.11","@storybook/addon-storysource":"^6.1.11","@storybook/addon-viewport":"^6.1.15","@storybook/addons":"^6.1.11","@storybook/cli":"^6.1.11","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.11","@storybook/vue":"^6.1.11","@types/bytes":"^3.1.0","@types/chart.js":"^2.9.18","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.2","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"6bc6b14200ad4c4cd2aa87195ca84627120ee459","_id":"@spaceone/design-system@0.1.1-dev.0","_nodeVersion":"12.20.1","_npmVersion":"6.14.10","dist":{"integrity":"sha512-2T/MY/VUKQfoSGzGMSqAlThOTnq/h9/b3vPOU4hfH/qAW7jBbTiYj+0mgP0U0jW7GCeAMHvNTCkIxQy9/q+Oig==","shasum":"fe9def778aa5797c0e1ad44b9016547088f7497b","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.1.1-dev.0.tgz","fileCount":1021,"unpackedSize":108715079,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgF7FpCRA9TVsSAnZWagAATHMP/RVjgBWCMGMN8G7kZ4Fw\n77RDnrOyylnkPXlU/VL3BR58jG/Vbpynw1e3wDYLog40ccwJ31FbkyVkiDaj\nvj4sMC7De3a5Pi6m+QdZIP7YiHSqcOPADkWKBal0cPRjwZDcceUPXwy+4eGU\nY9MzaLMzVF4lKX0ZohB08rnkNjKYFxzS4s367REnqpFNCCJuAbXljAKglt7U\nt3E12/EtAL7sjjpPAWdsejphbZzOMCvn1y6T85M0iO1aeVxUJxOqLIOQOTef\nnzhQTPFbOSO6ZHWEa+0x3Ru1EHhZFj0GbND49+rK0MldvWWYgjpBNWXvIJlu\nJ0I1PFxrOyL1Fcz9wqi2UpQ/bo76Fbc3PbVVlQOt9/693hmoEdLw6DoDl4Pv\nuAn/4zVcRRssBDUN/8xY5E/OLikzSHFBfW0bgLWMTbJeo/H7CVa4bjuUR9qA\nIDD6L2UcY03sxynG6v1j0bA8Qj5D9dB8teVia2ak3ggXqNpavnibQAyjxOMi\nupw7Oe59608L6WQZkETEdGAzVnbAGGayJOc8mo5j4RFeSs2rHBWFX3zYnxN5\njPXVjFFdjPu9vl59BqMoYhzuHa2ZCWyIX3wtLYSBS4O+YJW9H5lJ+HbS4QgT\nqsB4QvNbPodEKIYjzvGmsU6Bx4aHS3pSfbKZ7l3A6GcxFZpeU1qbYTiWaDtf\n+kkG\r\n=RK56\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGkDggnbqT89sDOJg0CTkz+pci67yFoFTo/tlTZepQi+AiEA5HL6vseQkPvFdCm+1OpxCRxuY6YiXfsMinNSDYToAcc="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.1.1-dev.0_1612165480543_0.8247211437567328"},"_hasShrinkwrap":false},"0.1.1-dev.1":{"name":"@spaceone/design-system","version":"0.1.1-dev.1","description":"SpaceONE Design System","author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"./dist/src/index.d.ts","publishConfig":{"access":"public"},"keywords":["spaceone","design system","vue","vuejs","ui library","component"],"scripts":{"build":"vue-cli-service build --target lib --name spaceone-design-system src/index.ts","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out","storybook":"start-storybook -p 6006","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","chart.js":"^2.9.3","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^1.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.11","@storybook/addon-actions":"^6.1.11","@storybook/addon-console":"^1.2.2","@storybook/addon-controls":"^6.1.15","@storybook/addon-docs":"^6.1.11","@storybook/addon-google-analytics":"^6.1.11","@storybook/addon-knobs":"^6.1.11","@storybook/addon-links":"^6.1.11","@storybook/addon-storysource":"^6.1.11","@storybook/addon-viewport":"^6.1.15","@storybook/addons":"^6.1.11","@storybook/cli":"^6.1.11","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.11","@storybook/vue":"^6.1.11","@types/bytes":"^3.1.0","@types/chart.js":"^2.9.18","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.2","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"7931c964c3592d4b2956091b563fc7ac364dc1cf","_id":"@spaceone/design-system@0.1.1-dev.1","_nodeVersion":"12.20.1","_npmVersion":"6.14.10","dist":{"integrity":"sha512-8u5VoidXEcISnAp6bFlVmXyc5qAYzXWb1C9HgwtfQwZwAoemgjrUqWWv+5fEHMmZ34iV1VYUM/OLMUsyGoaGvA==","shasum":"19b185d41b16016a05d7c0f690111f43639ed45a","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.1.1-dev.1.tgz","fileCount":1020,"unpackedSize":108666136,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgGNELCRA9TVsSAnZWagAAOowQAJ96p6xgdeJcvqRGBu7T\nLA6NWNm1sPBacdcJGgpiqj8fHg0qUVrpuIc+MUJM1qQQBexmA2pn3ATixj+w\n55LA1yV85jZ8Pb8zP0JnJricQJu5XeT+tr1q6BlHSnccQwoZbt1jeKpALNVW\nR41UTncfLTxTwn17zUVLDNUywm7R/Jvjz3gSm0cxAWOst8ri6z+56OZBpX6E\nJ3xzv7GDDvv8EhsHXZCSzRbpgOPW9mflDmVenl/0WyJYhApN/9Lcvy3Bxg2L\n4R6kEHNgYS5Je/W3zdKAOJVCBMY1LYaJtZ7ZVtD5KR+LEe7q66+uyQ7A2Kdx\npaFKmWeoUe6Kpeg86WhCZIO5C44Cbf8H2GSIk1AGYzZ/+S7bWQcKIwbWBXL2\nBVVFvCULI5F2rU0poPZnuYsci3oqaAfGEQxS3EgQnDef8hXGzgiZDI8iYaK7\nKzr0wLAQ6YgsGcQZXBXAkcKiF7iN+2NdMnC7ms8EJhTQbtjyb1X9DlHbuZR8\nYh79w5aUWimiCDbmjDhXpRbaxObvpIzk+0HgvG2ilTXDJukWMiZ7zMESfb1a\nfvsRJfMA6TVV0/4mxOGvJAlLa+U2tzZi8wmkTclsqrdaiRawZY7CGK9WjS/d\njmPZPhr05FThDpzdt5XD4pf3Uvpzi8JaavnXxS2dGFkb/b2IIcjRG4G7uM8j\nczaY\r\n=pQHt\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDjMJvN+x53OIZ4Yz2egIXNLx1u05eU3SnNvjVeo4PUPwIhALi0tg3nmkQWYXLOQqo/0eMZ60yvFkI6Po/HYYRNaX3L"}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.1.1-dev.1_1612239114192_0.4331314243059816"},"_hasShrinkwrap":false},"0.1.1-dev.2":{"name":"@spaceone/design-system","version":"0.1.1-dev.2","description":"SpaceONE Design System","author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"./dist/src/index.d.ts","publishConfig":{"access":"public"},"keywords":["spaceone","design system","vue","vuejs","ui library","component"],"scripts":{"build":"vue-cli-service build --target lib --name spaceone-design-system src/index.ts","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out","storybook":"start-storybook -p 6006","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","chart.js":"^2.9.3","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^1.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.11","@storybook/addon-actions":"^6.1.11","@storybook/addon-console":"^1.2.2","@storybook/addon-controls":"^6.1.15","@storybook/addon-docs":"^6.1.11","@storybook/addon-google-analytics":"^6.1.11","@storybook/addon-knobs":"^6.1.11","@storybook/addon-links":"^6.1.11","@storybook/addon-storysource":"^6.1.11","@storybook/addon-viewport":"^6.1.15","@storybook/addons":"^6.1.11","@storybook/cli":"^6.1.11","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.11","@storybook/vue":"^6.1.11","@types/bytes":"^3.1.0","@types/chart.js":"^2.9.18","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.2","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"f68268b1d619f10a7d60ab52ff4d2c90ab25cd6e","_id":"@spaceone/design-system@0.1.1-dev.2","_nodeVersion":"12.20.1","_npmVersion":"6.14.10","dist":{"integrity":"sha512-amjm0wQX+AOMN9jl8EKSPThKsZrv5cYIpkUl1DpA//R7Cm/CZojCqdBvS4neT+vv2wKK+dzrT+2yz519aO6VZQ==","shasum":"3e909887e9da6866e1664421bbb463470066e4fe","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.1.1-dev.2.tgz","fileCount":1020,"unpackedSize":108665584,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgGQRJCRA9TVsSAnZWagAAskgQAJOU3SP6qwn7eldSIiNX\nsbdvHwU/MlIywNdZfsgTt2nexnPVyLfLJaGht/S1MY7oIUDeKymuAOamBC8G\n0TtAXEEKThoQiZiPpaDF+PzT+aXBm5SDfdFlGfHGxTy0UcfD2/5R+1y4AXgr\nrn9Bpy7GYXfycVZJQXKhIURUIEHT6Fp2Zq2VVIO5TO1sggpeyXWCg6WZ7KWe\nkBFS85ZvPfRcMkUtMO3KP2As+bazkSe9QwqLoECWjQ7UryDL+lqAwloRe83i\npGZV8mnyJQVqgVcEKz/MjPNQdM46meubsh6pYxPAJDzJSpfISfxovNkdfvzd\npVx5O28JcPhuLBmbIFmUZA/weHGJqTgyXEX9sfijlad8SQgUhGZeLmhYEH9J\nKELbTZr7IQv4RwAe1lER457m67IVVev6hbERVXDxXrRc3KA9bqDvwt5dwXEi\nodkwmP/6FBGKW97vno88Vs4/LOEgk8nRj4Dj0NcIa1X/ns+RMb2se38lB8l9\nhl+hdyPFn/TW+gRkvt3obY74CNZN+QmQeS0NYTcmX5RWjmManzyyTvxBmQwl\nr12IEdNJHSwkVDIXhvbUMn/vsislwGtUCnficSfxMZE/aUP6qr+VREGOHbjU\nY+piMdfCel7Rk/C1NG+k6LXOlpUHm/IbZ0/S8PG13s45S91jGJCRCOJFsd3W\nbk4D\r\n=E7dB\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCGP9I37cohJugyUubHcgaerpZn7NXd+BuzoY/5oihdqgIhAIi0gJbl+QVOHq5o/ltMzf4iSLaq5dXEwF5KIYo7+vun"}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.1.1-dev.2_1612252232303_0.4858130427252745"},"_hasShrinkwrap":false},"0.1.1-dev.3":{"name":"@spaceone/design-system","version":"0.1.1-dev.3","description":"SpaceONE Design System","author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"./dist/src/index.d.ts","publishConfig":{"access":"public"},"keywords":["spaceone","design system","vue","vuejs","ui library","component"],"scripts":{"build":"vue-cli-service build --target lib --name spaceone-design-system src/index.ts","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out","storybook":"start-storybook -p 6006","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","chart.js":"^2.9.3","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^1.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.11","@storybook/addon-actions":"^6.1.11","@storybook/addon-console":"^1.2.2","@storybook/addon-controls":"^6.1.15","@storybook/addon-docs":"^6.1.11","@storybook/addon-google-analytics":"^6.1.11","@storybook/addon-knobs":"^6.1.11","@storybook/addon-links":"^6.1.11","@storybook/addon-storysource":"^6.1.11","@storybook/addon-viewport":"^6.1.15","@storybook/addons":"^6.1.11","@storybook/cli":"^6.1.11","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.11","@storybook/vue":"^6.1.11","@types/bytes":"^3.1.0","@types/chart.js":"^2.9.18","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.2","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"bb55252157514d48ae53cc719eb576143524d412","_id":"@spaceone/design-system@0.1.1-dev.3","_nodeVersion":"12.20.1","_npmVersion":"6.14.10","dist":{"integrity":"sha512-utsPSbseoLx8afF6lQkDE1gO7B0IqeWZpPiLL6hiCjOvcsiZCVrE6tIbfZwlGRMtIO1K6HE1REwF1TmpAP7BtA==","shasum":"45ab67c5a885e6b6211362da8dd5b53b966471db","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.1.1-dev.3.tgz","fileCount":1020,"unpackedSize":108664689,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgGRprCRA9TVsSAnZWagAAxGgP/A2S0WEnJyCCpuVscuKd\nRo3mki737FP5+zcM2Nmw948wj7ihX034Nfg4NOUA6BAIOuECMmKRl8Ti1cgu\no4RU7ksowUpMnh3Yv2G5EZb27y45gkcUOuFldCCIBfZaDjNZTnsk9UsyBLBh\n1gQ8RUdMm/AlDIUkN1xXxXhrMRrPUbQgpf7DhtZGpVdjgL3wBmAuLb75oqHE\nSmrxcAztf1rEjKABkDBan+p6hTKr5IEH90wLosNUiFPUIsKXT7557ABv9qTI\nTZDqYcqyO3DHn0eke2Uv5aDKdWWNcRg//cU+78eXwzUWqJPJl+5Y8UO2pDgp\n5Z0A2Du/ZNO5+YTxrX67ZueP+p+TVyWv7XZ5UmsryFRu7D7d+BOnN95cL3jU\nDLgQ9uqK1nKpd7mIiJIQWuqeKyIB2xWOVKnrZxn8edx5xJ3ojTj9oOrU9DzL\n5reFF6Q5VukTQzg6EuRPgNyhCua6dtKxciQ5Ulxy+XLoC/TXJpfXdoGHDbR8\nxJcaeJ/HkxigUCKSpRR7yjjIvIPPv10icwnnWpVCS+2wNQ5K9XQR9oAZX/Mr\n2K++qPbG3i2Jit/FyJJn+fMnhvNfUB9MsZrUVScbz2nFkAxKbq8RFPSupzli\nocGYZfuQ1/cubZ+LjEQSPa6ljACFgf03qyddHDM7ekbV6mvU+dJE8WvccLtr\nhAVP\r\n=Xtko\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEX+Pn064uwBB/+vF4AGuIqUlaXhjqT+a5En2uIEDmthAiANHEu/Q33KEJJPW5n4c0mLuu04SU4g4bA3Ej/kfFYZ/A=="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.1.1-dev.3_1612257897357_0.873095775855077"},"_hasShrinkwrap":false},"0.1.1-dev.4":{"name":"@spaceone/design-system","version":"0.1.1-dev.4","description":"SpaceONE Design System","author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"./dist/src/index.d.ts","publishConfig":{"access":"public"},"keywords":["spaceone","design system","vue","vuejs","ui library","component"],"scripts":{"build":"vue-cli-service build --target lib --name spaceone-design-system src/index.ts","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out","storybook":"start-storybook -p 6006","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","chart.js":"^2.9.3","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^1.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.11","@storybook/addon-actions":"^6.1.11","@storybook/addon-console":"^1.2.2","@storybook/addon-controls":"^6.1.15","@storybook/addon-docs":"^6.1.11","@storybook/addon-google-analytics":"^6.1.11","@storybook/addon-knobs":"^6.1.11","@storybook/addon-links":"^6.1.11","@storybook/addon-storysource":"^6.1.11","@storybook/addon-viewport":"^6.1.15","@storybook/addons":"^6.1.11","@storybook/cli":"^6.1.11","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.11","@storybook/vue":"^6.1.11","@types/bytes":"^3.1.0","@types/chart.js":"^2.9.18","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.2","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"970ee655d3884ea171eaff3970cee3cbab652ec2","_id":"@spaceone/design-system@0.1.1-dev.4","_nodeVersion":"12.20.1","_npmVersion":"6.14.10","dist":{"integrity":"sha512-c49AG4zXpWThR/6BWo4B80ELiYW4umlZRx+Yxg0/BLZKkRAdGgNIAH020tis1sAicWufAvn5x3S7X7eN1u0LSQ==","shasum":"ce07b6fe4d0916ff89a9f52860b0ea1029385d23","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.1.1-dev.4.tgz","fileCount":1020,"unpackedSize":108665526,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgGR5YCRA9TVsSAnZWagAAjKgQAKJy1M/WfMpDcv6Llv1w\nj29+HYLEqC/UwIJl9MkeaOmynMH81qO0t6z1OEV06j10MZ1fxnCAdIwR8qbs\n3+fr2RUGzK665UK2dASzScLaPaNcyYNZG+Fa2dCugZLD/hjSa0s5gedMf3pf\nMOM8tddhXPw+qq+KmDL3S27FCLOwh4CiP5re4MLXCxwcFt6cyXtt6n9RDgV+\nlo8IB5qXtCIsAcHJCiGrtZj8gfp85rAJOsN/gOEemKfwdWqSmmghKsK/XeJE\nXUg4M10ayZxmAItmwlutpNjSayI+jZOo3FxuYiZsh4d/3aBoiHxcER1KnVTW\nThSD6unRpY7b3BHV53JIcF0ymIb/8Zc5Z8gVrd//WSDoeLcyTbUEZCQ5Qapp\n2ffcPcieEPECheckIgkwSqgtAs2xiXM0O3/WFS5xu1IixM/MhejXj11Vr0rS\n6/RekY3W73Tjfm1wxXRwubkBKPjfsbsI5ez23I6OLooMrO3Cstih3guazX0a\nUD3+hfkHB6LPgoB0H06htJbaJ1G0Qs2BzvwRkNvC2J0dKIRuHFs9C2TepxT6\neQ1K5bgHeX6INEvcoXqFUZ07v236Eyyd0/6mvXDw/wab6yWaJ7CXP+SL1Nr7\neSogH8e+oxMCWPS2nXeH4I3odACEf/TcO3OovgChyPtLtcnIVNlnWds8iRZz\nJoHm\r\n=dotB\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFdOJ0MEmvY5zZLyjs0E7Gutg9hM4t794y3O4uoEQapeAiAnEXgB8W1doRof55F2wuXG8FFzH6CTyQcpXJW0hoOStA=="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.1.1-dev.4_1612258903113_0.5615421819011501"},"_hasShrinkwrap":false},"0.1.1-dev.5":{"name":"@spaceone/design-system","version":"0.1.1-dev.5","description":"SpaceONE Design System","author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"./dist/src/index.d.ts","publishConfig":{"access":"public"},"keywords":["spaceone","design system","vue","vuejs","ui library","component"],"scripts":{"build":"vue-cli-service build --target lib --name spaceone-design-system src/index.ts","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out","storybook":"start-storybook -p 6006","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","chart.js":"^2.9.3","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^1.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.11","@storybook/addon-actions":"^6.1.11","@storybook/addon-console":"^1.2.2","@storybook/addon-controls":"^6.1.15","@storybook/addon-docs":"^6.1.11","@storybook/addon-google-analytics":"^6.1.11","@storybook/addon-knobs":"^6.1.11","@storybook/addon-links":"^6.1.11","@storybook/addon-storysource":"^6.1.11","@storybook/addon-viewport":"^6.1.15","@storybook/addons":"^6.1.11","@storybook/cli":"^6.1.11","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.11","@storybook/vue":"^6.1.11","@types/bytes":"^3.1.0","@types/chart.js":"^2.9.18","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.2","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"a8fee1f215d52ff6e926b57111e23d861f174f8a","_id":"@spaceone/design-system@0.1.1-dev.5","_nodeVersion":"12.20.1","_npmVersion":"6.14.10","dist":{"integrity":"sha512-lLJUIsXU6e3llvIlu7lgDx0NqadIyfhthX23qmgIy7FHV1GdXZ3c52XXjyFjkyQCYxSmdBicPlaZirmVVeK91Q==","shasum":"f087b4c616ce29e8f00a5cf343b1d857d141cbf5","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.1.1-dev.5.tgz","fileCount":1020,"unpackedSize":108668268,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgGhBCCRA9TVsSAnZWagAAdqMP/0MIQrFJDwL/wAJFMfgb\ntjL2MOUtXhLxHJlX23WpCosVg+5Cd/4Gd3zbVGDBBRR3Fy+TpabTxA6TKMg7\ngjvgm5GBp0FI/IAwl0PNeUlOxfmSxXz1MYwzLEt2k3qh5U+5mGgwuBKIyCnz\njH6zILDiKq6DP3Geu33LUQX/tH7vGP59Jp+AgvEQb/VnHiCaG87ZSY6zssqY\nTnCn+d+IAcSG9RUI9aH8pvJ2+Lta5cuYfDia28/CEThe8t8HUAR/5EjhTJFK\nJmER5/TXuEL3dOt+zHVSwnGtzRbyjuHHLuCEem/90X8J5fGumCsw2prDFipt\n35rex9bSGzaxGQjHvnrwjM5j/LzwnAcGuAXs2rMJnQSvHV0O2N64cS6DyIgI\nb681+/Ecfpo6QFUYRdIinTJ8M3TPdBoK1X3NrbpYiPY7ss4C3/iIYsTNbm+M\nENsViN9l99nuEIfko9jaFrq7EAjEHJGlkNszc7OAW5FFgi/hy73DGDICoapX\nYv+mTa2fCuRyZaBJti6vs6Ojtu/oE0QdSy4SXvYGwwny5JDKUGgIktc/7wAV\nDN7nmtq0CVxilsLiGOdqhKfXnYhwuvTz96xApmzb+ZE7bSQH1imMc2nc0OfA\nNPiu15xoEFk7nV6ngKjkfT05LPvSQ3VQibyMJOaNzuv0i4vhEupwGXWagNMe\nmV/B\r\n=kAGS\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCInZq1N885gGOSzDWfdjOmBc1gkY1O+4z2hoOBHAcX+AIgH1xYel7EbSosXww/HHQCOHGxPJW016Fx1a6IQ9Avd+Y="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.1.1-dev.5_1612320833626_0.0942429034226886"},"_hasShrinkwrap":false},"0.1.1-dev.6":{"name":"@spaceone/design-system","version":"0.1.1-dev.6","description":"SpaceONE Design System","author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"./dist/src/index.d.ts","publishConfig":{"access":"public"},"keywords":["spaceone","design system","vue","vuejs","ui library","component"],"scripts":{"build":"vue-cli-service build --target lib --name spaceone-design-system src/index.ts","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out","storybook":"start-storybook -p 6006","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","chart.js":"^2.9.3","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^1.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.11","@storybook/addon-actions":"^6.1.11","@storybook/addon-console":"^1.2.2","@storybook/addon-controls":"^6.1.15","@storybook/addon-docs":"^6.1.11","@storybook/addon-google-analytics":"^6.1.11","@storybook/addon-knobs":"^6.1.11","@storybook/addon-links":"^6.1.11","@storybook/addon-storysource":"^6.1.11","@storybook/addon-viewport":"^6.1.15","@storybook/addons":"^6.1.11","@storybook/cli":"^6.1.11","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.11","@storybook/vue":"^6.1.11","@types/bytes":"^3.1.0","@types/chart.js":"^2.9.18","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.2","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"cc258e29d498e3f3d2517ea3bb02af64b1441a47","_id":"@spaceone/design-system@0.1.1-dev.6","_nodeVersion":"12.20.1","_npmVersion":"6.14.10","dist":{"integrity":"sha512-NxGXgsrd19Hj2ZyorPxVV9U2e0kptb6M1//G4fpMp8yGv1+3H/c9Q/8egOgcylnAge9AHo/r82LEoDosb//eWw==","shasum":"333ef9a3ae3d44b729e49e7eab0a53b424645009","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.1.1-dev.6.tgz","fileCount":1020,"unpackedSize":108664373,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgGhdmCRA9TVsSAnZWagAAl1sP/RK+yW/DtuATKY5bPxvY\ntvBVzgJ4tHgJo2Ay1kL9xzzCxNLW7BS6WNicDFsfMG/rLhEem+5SQXERyG5D\nbv576UwP/oLVM66qolpJLL6cEg7/zLFvw3Qpais/wYisVfBDouBV0qzS6WLd\nz+Nvygp7O9oWWGQDcu3nCJd+WXzQw8q1d2K7cEgsQ18KF+poS5wDisWMMGPj\naKC6/nAZvIinkIk2pXly/FfREae2T6e8w7M2mkndlxs+Vi78B8tXXQmSuhBY\nGKxZBKwA/xm+2/udqhm3o3xSBwtRh1Hvy//hyG57HHdX2dq7StXxSuZ5eUzE\nS6kRdeDMHl7OR7GRSXxRiLijdpvvHmrt+9q3MFK3mQMrCkE4tA/3zd3tOx4q\n39IpKV2zd0QwegpiZ1uWYdFe2OXdRAuEjA6DTGDGzBArFzNMHglMSfXh8Lpw\nfxY5Dlb/zZPf9oQXQZlBa0YWVmYNS97eLUQDOq+v1XHCzXOgXMf/6iNLSZ3J\nuaOph+aqmG70quDU/n+HuPlddIzBGXzkCUKyY3cAIYCfUrG4qmFcSjnfAbpr\nbJuv7ISROu/jno6R17DKtOO6iVsRQ6fCoEJ2UgsL8uWx5MTN6yo5awSpCWwi\np702ZoZqGAfhWwmxKAmHmRCCCD1E5QrgNjsVR/x49jgLGiAfK5W3qbH7poKw\nRwKO\r\n=fZx/\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGW7jEx2U+UI+lVKwg6i5Ei07mqTZqhD8qb4/pTZ7rk9AiA6iFq3qO/ZlkV8moJprOUUeGzWzDeQp7Or2VzGroAt4g=="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.1.1-dev.6_1612322660846_0.660653053730911"},"_hasShrinkwrap":false},"0.1.1-dev.7":{"name":"@spaceone/design-system","version":"0.1.1-dev.7","description":"SpaceONE Design System","author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"./dist/src/index.d.ts","publishConfig":{"access":"public"},"keywords":["spaceone","design system","vue","vuejs","ui library","component"],"scripts":{"build":"vue-cli-service build --target lib --name spaceone-design-system src/index.ts","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out","storybook":"start-storybook -p 6006","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","chart.js":"^2.9.3","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^1.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.11","@storybook/addon-actions":"^6.1.11","@storybook/addon-console":"^1.2.2","@storybook/addon-controls":"^6.1.15","@storybook/addon-docs":"^6.1.11","@storybook/addon-google-analytics":"^6.1.11","@storybook/addon-knobs":"^6.1.11","@storybook/addon-links":"^6.1.11","@storybook/addon-storysource":"^6.1.11","@storybook/addon-viewport":"^6.1.15","@storybook/addons":"^6.1.11","@storybook/cli":"^6.1.11","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.11","@storybook/vue":"^6.1.11","@types/bytes":"^3.1.0","@types/chart.js":"^2.9.18","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.2","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"5898141768050fb0704cb231b086ab4ef63444d7","_id":"@spaceone/design-system@0.1.1-dev.7","_nodeVersion":"12.20.1","_npmVersion":"6.14.10","dist":{"integrity":"sha512-iUakBZ146c3BGYDL2762/oWOQk0hw6pklulT3b6S7Ra8JcCtDl+IPHbqMZiP9GgPjzDsnIDl3uCHyiqiNGcDzQ==","shasum":"67460479dcf9ebba0d376609253d228c76e9da8c","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.1.1-dev.7.tgz","fileCount":1020,"unpackedSize":108661631,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgGh4/CRA9TVsSAnZWagAAB7UP/3EENiBg6cFcb6gDEdpN\nRBhUQ8ajklUAGaWeP1ZceMECur7KbwQ9U98KrFib3u449lgEMtGfT8Uq1pMq\nfKXa/DZOPVSl+b7tiEp9nJj/hMZq+1urLjJdy6ONcVHNTOfyYwGGWRNvs1OP\nKRywurPgMjw52B7IOgMJrOaMx4rqH3W83DdSvNVfoNFocGCDXu/D8apd/vF4\nZVI+RTz0EGrB4AJO9vczJqKP/lwJoDxA/5w10GD4Iv+eypuLHSnVAiwLQ+EN\n10a4YZBmpDWdL8HaME4Ip6IxR7SabWnQJ/F0bS/cWiCEWy/6vSvu4In/dA7X\nGw/llFDuAgCsVQQvZslhbd64AxdjzMUMSKWj3PzlxD5b4KLhCpKbDWK/nLs1\nAq8bG6DicIz/c4kViuRS/V43fu3wAH2i3CYla094DS9t1CJ8V698WxSei+PF\n2J8+JHzhDrB/tnTzaWUWLNHDs+9rEWMgm4gCdW9N3OVTZJDxmGi+K2Pmv4tT\nWuyD7VmTVbcCY9MoXQwcGyL7J3by8BU0/6okgB3kzZln3DGn8Ycf8felYBmM\nVurcqF3/tfxabjI8cAS+WFtPmDnIzGcUWg/VlBUNYocKsgSZpwonq+7JVEYp\nR+faYjN1S0qBNzsfop3ZkgbmJ4cFw1g+0FOOezKzlPfsc/o/K70STVHgJ5tW\nmU7n\r\n=g8+9\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBf5UA1ZhN1C2SinFfV6FSx21ykaazsjjIa+aOEZPX2SAiAkwM1dRlp4zQysZNyx/yEbi3ThNGFxCMUBMDpwFOGqKA=="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.1.1-dev.7_1612324414393_0.7078944624743957"},"_hasShrinkwrap":false},"0.1.1-dev.8":{"name":"@spaceone/design-system","version":"0.1.1-dev.8","description":"SpaceONE Design System","author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"./dist/src/index.d.ts","publishConfig":{"access":"public"},"keywords":["spaceone","design system","vue","vuejs","ui library","component"],"scripts":{"build":"vue-cli-service build --target lib --name spaceone-design-system src/index.ts","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out","storybook":"start-storybook -p 6006","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","chart.js":"^2.9.3","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^1.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.11","@storybook/addon-actions":"^6.1.11","@storybook/addon-console":"^1.2.2","@storybook/addon-controls":"^6.1.15","@storybook/addon-docs":"^6.1.11","@storybook/addon-google-analytics":"^6.1.11","@storybook/addon-knobs":"^6.1.11","@storybook/addon-links":"^6.1.11","@storybook/addon-storysource":"^6.1.11","@storybook/addon-viewport":"^6.1.15","@storybook/addons":"^6.1.11","@storybook/cli":"^6.1.11","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.11","@storybook/vue":"^6.1.11","@types/bytes":"^3.1.0","@types/chart.js":"^2.9.18","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.2","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"b375685848f14cccbe76cb9e829ec0029c7eec41","_id":"@spaceone/design-system@0.1.1-dev.8","_nodeVersion":"12.20.1","_npmVersion":"6.14.10","dist":{"integrity":"sha512-UxT6RW3rFySSTCWes1Ze0dugoNDRsY4TpD3ubdmec1q9MBGEbRga3Kbt4+hSbQ5oLk2nYj7mKN33S3w/OdBgvw==","shasum":"85a7b46c18157b2f23d7025a0100980492caeab2","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.1.1-dev.8.tgz","fileCount":1020,"unpackedSize":108642530,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgGifxCRA9TVsSAnZWagAA+LkP/1Atv7acJim0AMSWHI0H\nhi7iF6necv0HXscjK+PTXDUdD7TxFZApG6iONy9nhP/d1cdlUtw3lY96CvyQ\nBscCcLFQGk5TLIVD2k9SfFp/q+7df8NvBKo/Y0xbfbJvUjt1kMhGqoa1Otzz\nrl/ZR3lwumcBcJdfbZq5+RQGflyjVyRrs6lnsJU8qADMpRmHiNUZ1Qry+uU+\nSn2zf2QqtRWP+7PDHapbDRG9ys5XcPP44OQ1D4Hi6U3lL6KyHgNe9aOEm1QK\nnpm+W3Hk+I+TqRPD2l+garTkY2hWBtpdAlu1CT5ttYSV+sSzRRlLKiHCkXBB\nTv2eisq+C3LKD7zeIJrTyC4aYnOSHllfkI+zfx1zAnKqbKheYc4PgQUYDhNU\nvs7M2KbbxftSkOA0m+9eVocJb4KFWwOJq0tIwkchDNq4PynggJbRJQS3kWtk\nc+s+TYOlcHjkktF42j/oT8VgnsnnVBaj9OYOmJMuvPeQdtPO3n5uaKn8H59x\nmS1rBeM7J3xWFVTDD5oSPQ3YA6ZkLgcteeWJkejonw+aGW5UQOiDgsFbwuFI\nsB9jGlKDYdUb2IbyAO7gZRdS9oVFONCWhCrh+4OG46euQJ/cv1bR1kMTe994\nI7Vw8XdF3eIrmkBMoViXwqndTsCQjSvOVkrVcaNER7PtHGyiXXReBr/xeuXO\n+0NQ\r\n=FEbJ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCEOSGP1WtRwQV/MQz9RU8yNwa6R5YXa/mstagPCU8nNAIgfvEB+bWcsnlFaEfRb3O5T2l0jTW01gJQ+CPiORM08o0="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.1.1-dev.8_1612326896362_0.34470980021134734"},"_hasShrinkwrap":false},"0.1.1-dev.11":{"name":"@spaceone/design-system","version":"0.1.1-dev.11","description":"SpaceONE Design System","author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"./dist/src/index.d.ts","publishConfig":{"access":"public"},"keywords":["spaceone","design system","vue","vuejs","ui library","component"],"scripts":{"build":"vue-cli-service build --target lib --name spaceone-design-system src/index.ts","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out","storybook":"start-storybook -p 6006","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","style":"node build/style.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","chart.js":"^2.9.3","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^1.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.11","@storybook/addon-actions":"^6.1.11","@storybook/addon-console":"^1.2.2","@storybook/addon-controls":"^6.1.15","@storybook/addon-docs":"^6.1.11","@storybook/addon-google-analytics":"^6.1.11","@storybook/addon-knobs":"^6.1.11","@storybook/addon-links":"^6.1.11","@storybook/addon-storysource":"^6.1.11","@storybook/addon-viewport":"^6.1.15","@storybook/addons":"^6.1.11","@storybook/cli":"^6.1.11","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.11","@storybook/vue":"^6.1.11","@types/bytes":"^3.1.0","@types/chart.js":"^2.9.18","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.2","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"7f5b5037acf983362f4c792c3b6fbbe19845230e","_id":"@spaceone/design-system@0.1.1-dev.11","_nodeVersion":"12.20.1","_npmVersion":"6.14.10","dist":{"integrity":"sha512-qda94FU5CVlXS1YOed4wCjDYciWFm24jGechqOm2g+i5+l8nYSIIv6oeRMq6NL3KoNEWt5MHPooAjOOHBi1H6A==","shasum":"16e96c36edb2d5f8f54f2c5e018f7ac3502f041a","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.1.1-dev.11.tgz","fileCount":1027,"unpackedSize":90554921,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgGmQXCRA9TVsSAnZWagAAbwwP/AlTITT+/8udGrrjD5Wr\nqUyEKZ3ERqjMwCWLZQQBPIXAaAQ5UqWKF1dfvzoIWaQ3k5cBeH/mdC42NMsk\n+lhMjrAjeI9g+lG4MVjYwFSKSKfkPyVAzoxsKSeANSs9mdaPqqOOMN5W0TTu\nXECWcQ0/7IK/CcUWyJzWXp5IhOH7cnG1ulPVMAIx77nxNsE47V7kZibGHUW+\nBDxbDQq8er+mAHvkHBwKaZ7DnOdpiijblvN24S6TqqN4IYwPKE4AHNc/cJ4h\njuT22WDNvLjllLN9kyK9EpHO96qMmnkL4hKukp/54EX0QSS2HO/HquGrTIMR\n3DuHsZ/jqoyXcgkiGe+JJninaViOm9vfBpMsQotPrqqqckjrdA5yc9f5AO/0\nIg8LI83DEiulr/vbKT8F9OUdjX5o4CsMid7K51FKd6Sz4exYVElNK/N6mn8/\nJoEWrKqQZDuOZY1uHs5hrucmVsLPCNC5oJ5yIdYaUy6Lh7zRktjy2yiZYxP6\n1ha7y3kMgCwjM4KvK+zd11DjcZkAu5dlkMISUa6TH3zjOFgGB8P81QA61aBH\nOJvkReGJfuiNMeLWF9ifrCxpkEdmJ2Qcy8KwN+ZLxYQMDizSVMuMzL4ZZDt7\nU/Imb4oCrjuh8uC93SPIDnqoP2TCppUl/mQagALL/qbet5H+z2McZzNVnQWy\nu2Pb\r\n=4uHQ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDUiMHskhYJlpuAzpDpwHqM/B48m1Hwzh22UnneUFyc8gIhAIo58gpa8i6SFZbsTV+uff5PMaXCpv642xHtikzUK2Qy"}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.1.1-dev.11_1612342294527_0.943154209541132"},"_hasShrinkwrap":false},"0.1.1-dev.12":{"name":"@spaceone/design-system","version":"0.1.1-dev.12","description":"SpaceONE Design System","author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"./dist/src/index.d.ts","publishConfig":{"access":"public"},"keywords":["spaceone","design system","vue","vuejs","ui library","component"],"scripts":{"build":"vue-cli-service build --target lib --name spaceone-design-system src/index.ts","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out","storybook":"start-storybook -p 6006","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","style":"node build/style.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","chart.js":"^2.9.3","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^1.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.11","@storybook/addon-actions":"^6.1.11","@storybook/addon-console":"^1.2.2","@storybook/addon-controls":"^6.1.15","@storybook/addon-docs":"^6.1.11","@storybook/addon-google-analytics":"^6.1.11","@storybook/addon-knobs":"^6.1.11","@storybook/addon-links":"^6.1.11","@storybook/addon-storysource":"^6.1.11","@storybook/addon-viewport":"^6.1.15","@storybook/addons":"^6.1.11","@storybook/cli":"^6.1.11","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.11","@storybook/vue":"^6.1.11","@types/bytes":"^3.1.0","@types/chart.js":"^2.9.18","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.2","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"5bd365920fc425d53e0eeea7ad36e58c95b9ecba","_id":"@spaceone/design-system@0.1.1-dev.12","_nodeVersion":"12.20.1","_npmVersion":"6.14.10","dist":{"integrity":"sha512-+M8CiaM/GiP4OI3MuUHeRXJBTZjPVzlqgQsr5tvoDDAchf7usBWz4B+DWb1ZgP03djoTAY1Xz//HMCkPp8KYwA==","shasum":"050dbe574fbec38c3b65bdfb7be383f71a90f6ef","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.1.1-dev.12.tgz","fileCount":1027,"unpackedSize":90652748,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgGmzVCRA9TVsSAnZWagAAwNsP/2lnutvzBhZbAozguk3c\nEDEyMOTQ7fpKQAvALOz1WWvqAyg0NEFj3hln/VbGmhWtZ4xfCd96T/qR+0MN\nYLiHwMSGCjw8LPfuA9NCaBkzQZpYrljAC2YTaB1YCno4GXGFJav3jHGiHeFo\nYb6DGEICJTdz8jvc2SvG65I5Jileej99FLhmW8Ffljc9RYhYLYlqEBXZLuyK\nsXcj9Yr8+DMAQNfGK2FbhkMD8cfEsHhiq+5cKmxxsiTNHBTeHeWVDgtd8nW9\nH+6DBwkprWcImX6U0HBQr8kie7W5x87ZZERMcDD8Z0R4YvNRxuZG21Wup22a\nSWB5oiHm5TN6cPKXUXAq7f1LMiQRmX17KHs3CoWglx77xZt2UpSKEikt3JMP\nVRZcYNEfKFfZ5sN6eKLii/IIm6xWf3mrWfLgMRi1X+PMCLopG61RgTBoS8Uy\ny9ZKxVXj9A9eUw4HQls2td49vKMi1aLxkhOM09AoCzNDpQV0s+k0XHNVdDF/\nSeGCdM1x/LSy1D8evyEwaG2JM4JpDlg2KXwCo+CUU/XFjPMDK8lkLGGXVHYW\nmZFKBpiViXyrFnqrRFiel05KhbvWvfAbCU9rwuTAWqgAWRoHTtKYPSbtmGYf\niUdNMDdryk/3aKfNWPGr+FRuH+hSJXQoQoX0fhBWtN9QH901o/aKU6aXR9jU\nyirk\r\n=32wP\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICoJQcTusAhtu+1V581yAzj2y9NtBV0CaBvl+OQFu5C8AiEA4K/12mcZi0YAkguJtzIPX0uDvMYBL7gtWX0JG6wi4Q0="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.1.1-dev.12_1612344532228_0.0521423402586203"},"_hasShrinkwrap":false},"0.1.1-dev.13":{"name":"@spaceone/design-system","version":"0.1.1-dev.13","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"./dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --name spaceone-design-system src/index.ts","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out","storybook":"start-storybook -p 6006","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","build:style":"node build/style.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","chart.js":"^2.9.3","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^1.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.11","@storybook/addon-actions":"^6.1.11","@storybook/addon-console":"^1.2.2","@storybook/addon-controls":"^6.1.15","@storybook/addon-docs":"^6.1.11","@storybook/addon-google-analytics":"^6.1.11","@storybook/addon-knobs":"^6.1.11","@storybook/addon-links":"^6.1.11","@storybook/addon-storysource":"^6.1.11","@storybook/addon-viewport":"^6.1.15","@storybook/addons":"^6.1.11","@storybook/cli":"^6.1.11","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.11","@storybook/vue":"^6.1.11","@types/bytes":"^3.1.0","@types/chart.js":"^2.9.18","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.2","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"b3d68048bc57cbcf55c3259edbab3acd91d6316c","_id":"@spaceone/design-system@0.1.1-dev.13","_nodeVersion":"12.20.1","_npmVersion":"6.14.10","dist":{"integrity":"sha512-RZdKpAV/WXCutEU+fKtbZ25QFtZfQBehWSbtovdUcKPsPjO9io/nJBFjhl+5KcRCk2lpODwoy3+QTnzJKPPxeA==","shasum":"b52f5df74d2e6de046f1789f5040aefccb2fb81f","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.1.1-dev.13.tgz","fileCount":1018,"unpackedSize":88950527,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgGnVCCRA9TVsSAnZWagAArikP/1r8Ul2X4vQBJqfNqnhC\nPtyIoVWPeUCJOiuI0rbrvrateIxHP3WnWR/YTzRTLs8iMEQeFL6+Z/rMaZkD\nVUfz+y13JFEBLnM5ZL2agKIiOZWya7JhwG02sFsQaSVx+UTF/++WWuKuy6Rr\nf47eyk26UFdI7gCKns7ft1Ms+sLMU7iT1b5QXtY5f1+mCKn9USQLKG7YCOnh\nkRBR0vZ/RDngChXq/oXoCjIIZjUyiP9r8M1HpB68Q+Nh49nHv06yiV7YEz97\nS+WProHgldIzuOXm8JEfWRZIpleq9FAwyMfLxK73IRzvOTwRM4SiLfi1hIbQ\nbdtJL0mXKMKQzh4brQqM6XIyKnpjPVBrm1eGiUoYsleS8YoykzC6WSqVzPtI\n8yFH3e1ekTwAJq9Fd9ZrKDxD95IbuZ4mV3IMhNQTTwPITf3lWfFQS9FlA9PE\nAtEKSXKsiZ7Td2j+vFeHLqSxTV8TMVhgbjQwDo8IMTnJ7rUkPY/ODXbWon1J\n3uscdP/xuithrmIhxEdtA0mD7lQiNAzRi2gW1raKOTZfhclQ0eKr2Gq9bzfy\ntdZHAK59F5q9O97a/iblkRsEIwIh1NYdtFSgJiN8yeCW4GjwhlWrPWmcyMhK\n6P0pOwamLOnpjVrEcGpc3+6VlB+aOsJsr4P2PlB2jk+LHJYLZS5T32Dsgwjs\nlGtF\r\n=/Ved\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAQ4bvPw/Qt8VWrC6VAguCMl2YgkSXuHMGwI+qMlJk1+AiEAv7gYYR6nrvGqj1LT3hYr3RjPQMflELl44M+ewRY2euc="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.1.1-dev.13_1612346689128_0.7138459210763868"},"_hasShrinkwrap":false},"0.1.1-dev.14":{"name":"@spaceone/design-system","version":"0.1.1-dev.14","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"./dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --name spaceone-design-system src/index.ts","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out","storybook":"start-storybook -p 6006","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","build:style":"node build/style.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","chart.js":"^2.9.3","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^1.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.11","@storybook/addon-actions":"^6.1.11","@storybook/addon-console":"^1.2.2","@storybook/addon-controls":"^6.1.15","@storybook/addon-docs":"^6.1.11","@storybook/addon-google-analytics":"^6.1.11","@storybook/addon-knobs":"^6.1.11","@storybook/addon-links":"^6.1.11","@storybook/addon-storysource":"^6.1.11","@storybook/addon-viewport":"^6.1.15","@storybook/addons":"^6.1.11","@storybook/cli":"^6.1.11","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.11","@storybook/vue":"^6.1.11","@types/bytes":"^3.1.0","@types/chart.js":"^2.9.18","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.2","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"ae18a2ae3717bff09b0403398588c14bfeac97f1","_id":"@spaceone/design-system@0.1.1-dev.14","_nodeVersion":"12.20.1","_npmVersion":"6.14.10","dist":{"integrity":"sha512-xr1cxasA6j5Rq8wl96ZOOpw6QvloeH9+3OS2iRg8w5pF+SFdq3ncR0wMcqxD1MsyV03H3jO8FFreSm+gc2miJQ==","shasum":"50c4b92be25500c13e192159b6fed7e1dd3cfcb6","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.1.1-dev.14.tgz","fileCount":1018,"unpackedSize":88953867,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgG1woCRA9TVsSAnZWagAAsWkQAJyMmgLo6byihGExNAOL\nJQMETOkCSAim3M5b7aTzQCXC6XWpjkPNXMOucVaNVU3jihg2OXadPX8iq2TT\n3YwlblKAYYwuYecVbQIBUHVwIlYtPgHcRBCPVEU9zgO+gklNuQRkyc26Uexd\nPcOinF1+2VkD7cHPBMDZs8aFgdGgSqkFXXh4EJBhzBrpet0pvfYs4TGWcjvc\nIrNteYf6By5NrvTbPOjEnwX2pSqN7AsEhS5nN/leRnmiZ+y333CkeUeSJuvv\nsc8ZElprreHE8eY6XMh6lC66A3yAbGDPixW3+kPLPyigK6h1okn98z6ovjE8\n8Bk5rbjEEUmlJ+ndu5/Xsml68HA2AkLCvXhKC2vMMtJ4glQRavPSnQYXxEX+\nZXM6DFfXD2oJfLzYm4DyenscGHklAJPA93wAEcVqOr5Rcn3TsdQ45ocMZU99\nTy9TJu+oAPVzV7davFgmJuY03yM9qemC9+OGdyhWMx9NjESoBGKMCktQuoiH\nPZ3C1OGV7OGzCCIx+F6qO9KjR5c0zrV1JmWTX/XDK3J7txSm6lUOme+ZvvLm\nxMMB8zdMehs4Kaia+tc6/ZcyIq6EY6AxvmMshaisxxuqp4rybqcqge3PaCOK\nOt2Iiu8uPr2C7ZnMQ+0dKInk7EtXCKKD1T3e0i9zzKnlCJImI8PZfx7CcfgL\nl0SF\r\n=i/dK\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDE+AuMEFKgKW3XQnob+mW74odOQRfG0QUnVTqn8SvURwIgDWCglm1PiSQsXHnhNI3cCNl2RnsTDjLAqG5jJ0EcrrQ="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.1.1-dev.14_1612405799276_0.3572048569265547"},"_hasShrinkwrap":false},"0.1.1-dev.15":{"name":"@spaceone/design-system","version":"0.1.1-dev.15","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"./dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --name spaceone-design-system src/index.ts","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out","storybook":"start-storybook -p 6006","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","build:style":"node build/style.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","chart.js":"^2.9.3","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^1.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.11","@storybook/addon-actions":"^6.1.11","@storybook/addon-console":"^1.2.2","@storybook/addon-controls":"^6.1.15","@storybook/addon-docs":"^6.1.11","@storybook/addon-google-analytics":"^6.1.11","@storybook/addon-knobs":"^6.1.11","@storybook/addon-links":"^6.1.11","@storybook/addon-storysource":"^6.1.11","@storybook/addon-viewport":"^6.1.15","@storybook/addons":"^6.1.11","@storybook/cli":"^6.1.11","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.11","@storybook/vue":"^6.1.11","@types/bytes":"^3.1.0","@types/chart.js":"^2.9.18","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.2","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"3413a8369dc3f78d54a4e004c69c2cb572bea525","_id":"@spaceone/design-system@0.1.1-dev.15","_nodeVersion":"12.20.1","_npmVersion":"6.14.10","dist":{"integrity":"sha512-T71Ek161arZ+9Odgv+7GjONqHbE7hgadoIHVK7Rcy6gBJc6ylMsOuutFpvcaT4D2dmDxl50ubWs8JsNzzddx3w==","shasum":"d01e95f4470b5b51044b556198f78233b5b3e436","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.1.1-dev.15.tgz","fileCount":1018,"unpackedSize":88953969,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgIKzXCRA9TVsSAnZWagAAa7MP/j8SlQ9V6d4SYiRPbxD3\ngMd5oKVBTAEtRTArGDdzFsf8h0MO99a/L8J8rlNZBzOIJOPvA2Vu7akHVKnv\nkymUmR6WnQecGaYWVBwZUFfNAPvyAFngkZjK+qRNBuEBgIv5300gL+p3ve6g\nIO0DN74q5s+mYg3/8+Q38Qyay8pcih4TR0fLboTGeUhAUwI7nzekFpCu6pwq\ns/3msqJpMlVNWD/lOEkg2rPZ5pSBR0FgNMVhTBo0vAg0Og1ntYafd/ZwXpds\nKxjDFiHNcP8Cm4FvSDwKwEMBMGm35ngDNM0/MYXnxRnJMmXf7YM4zCF20Dd0\n56ZWFtrP82273TcTnSoiCWOuR4g8Ek7zb++Hi8EzopIq7p8wRzOTt8OUNetc\nzT48WBEsmcvIL0Iy0eJOMpwHfsmICNMszF+s3rUKl7tALrPrTWtA3ttxK/Em\n7S2TO4a5WH7bwL96qHEPLV+/tVg0z0VJ4DW/GnMpNeMN0gDPoRnh3c8dxvJn\nUCGJOf4DQ1V6crxzKZPkZbLb3psB9WbvXWBtvS+m1VY7reJZSEyiOylsX+rq\nYjnXwQUTjN/tGovWt9NciNXRhDcblB3URORUwDhsBSwDvlYdt59Tl0BGQ15p\n4+8uOguWWEMthjC6nmoxr4moXCplvwe6L6Vlq7+ZHrtoe58QVGquHIqZSgkM\nu9Dx\r\n=pnWW\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDMLSu5hhZSlMPig29NyBtYdfIS4/R+C+e5i/ynPKC+0AIhAPs3LG6rANlHU97Rd6y2gGwWKvC4O8tDlryObykWF3T0"}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.1.1-dev.15_1612754134678_0.14831950262929183"},"_hasShrinkwrap":false},"0.1.1-dev.16":{"name":"@spaceone/design-system","version":"0.1.1-dev.16","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"./dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --name spaceone-design-system src/index.ts","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out","storybook":"start-storybook -p 6006","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","build:style":"node build/style.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","chart.js":"^2.9.3","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^1.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.11","@storybook/addon-actions":"^6.1.11","@storybook/addon-console":"^1.2.2","@storybook/addon-controls":"^6.1.15","@storybook/addon-docs":"^6.1.11","@storybook/addon-google-analytics":"^6.1.11","@storybook/addon-knobs":"^6.1.11","@storybook/addon-links":"^6.1.11","@storybook/addon-storysource":"^6.1.11","@storybook/addon-viewport":"^6.1.15","@storybook/addons":"^6.1.11","@storybook/cli":"^6.1.11","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.11","@storybook/vue":"^6.1.11","@types/bytes":"^3.1.0","@types/chart.js":"^2.9.18","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.2","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"2ab052d1d2ab329cda88853ac8c41e3ed121f670","_id":"@spaceone/design-system@0.1.1-dev.16","_nodeVersion":"12.20.1","_npmVersion":"6.14.10","dist":{"integrity":"sha512-c25ps0V7sMcW5W/Ji/1Y/OTy08XYbInNfvRdVRNTvXZtRLalFGJeXB2sT1N708lbRUMrgTbLZ9DEFqWEXp9mOw==","shasum":"3718a50152489e7e626380c7a0b28749ef349811","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.1.1-dev.16.tgz","fileCount":1022,"unpackedSize":88976671,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgIK3/CRA9TVsSAnZWagAA0E4P/iXqxhI6tBlUpV6uzGZE\nd+JSWixX0WQJKE0SEaq6WcnbJVPsFGtI5KEpl2sRczYwkfB5Jh/U4r8gK6tQ\n+f8b6vLxhhWHEUhnK9BSR9Gts6tBXjkbiIGLGqt8xElJz2sCF9x6cOXRC5z4\nGQxk0/ntiB17EE1Cp341ACuzBXOYSEbwPFWQ8G6ftPJNTcX1/vJwh0ovMf+4\nn1lwWfo4ZloCSYbybrhfQscLpYIg+YdZmh4S1fEVc9L5oleg8yzo4m79IzM8\n8ZSGfi4zu65byEXZZnSxcWglWneTLqEH8Qn93K4mopI2Cd3JQqmm4hzywAwz\n/55+NfhWlOR6XOQqP7/ceJS2SxTHKJ+2X3c0QtGJ0D6lpgHQIwKpNGLr9hBK\nduuOhOH9wgnS9/x6eYn8RYKU7vXpVTXj3LXfild78n2tCGyPKBCEnGkvrS+H\nyHFWAkKHHk5mxX8p/lmSDZd4GUUWRlmpI0NvCoqbCGo0Heuo11Ra9mlhBAT1\nKVGbFVADWZ4Li2ZJolTB4O+6lwWgFZh8LpaPbfUTAjU3NUG/QZpdslKQ55RS\nzQJS2TnlMpPTXXXP7K6mwfMt5fcoVskOyH5viqU+rFKlc26KCuuMS8yFoa6U\nLHdplU6L2ZlWmxvwm1DA3f8jOnSsnwXTy5VwWvSKc+T/ZFGgEo2nbfqgLXOn\n8Iv2\r\n=DA7j\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDdCxEJ2XzgYyrSG2O1IuDjm7V7JcP2WQg4NbtTeCI78AiAsRjiM3ybUC/uA08AcxcObJDxuM41+7bv6RWeq7HNCIg=="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.1.1-dev.16_1612754430559_0.4518146805898251"},"_hasShrinkwrap":false},"0.1.1-dev.17":{"name":"@spaceone/design-system","version":"0.1.1-dev.17","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"./dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --name spaceone-design-system src/index.ts","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out","storybook":"start-storybook -p 6006","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","build:style":"node build/style.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","chart.js":"^2.9.3","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^1.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.11","@storybook/addon-actions":"^6.1.11","@storybook/addon-console":"^1.2.2","@storybook/addon-controls":"^6.1.15","@storybook/addon-docs":"^6.1.11","@storybook/addon-google-analytics":"^6.1.11","@storybook/addon-knobs":"^6.1.11","@storybook/addon-links":"^6.1.11","@storybook/addon-storysource":"^6.1.11","@storybook/addon-viewport":"^6.1.15","@storybook/addons":"^6.1.11","@storybook/cli":"^6.1.11","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.11","@storybook/vue":"^6.1.11","@types/bytes":"^3.1.0","@types/chart.js":"^2.9.18","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.2","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"aadc35f8c1d3fc7e5d70e39cd419e006868ee85e","_id":"@spaceone/design-system@0.1.1-dev.17","_nodeVersion":"12.20.1","_npmVersion":"6.14.10","dist":{"integrity":"sha512-TxfS2JhbAGXmqevmAjRBvfcT5zKycv9n2aY2y/vThvRsPypNLX9fsWj5a0tY81OXltbwHtAfvueEMBt2xCxuIg==","shasum":"396c0f80ed89e69dec94d81acf8379d6655c1b44","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.1.1-dev.17.tgz","fileCount":1022,"unpackedSize":88977020,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgIMHXCRA9TVsSAnZWagAA0lAP/RFdOMLj+v22ufoRtyiU\nyKrFdD8YrXSKQbqcCDzOdqPIvWt1ejo9bfGALQCt/l5uIpuefuvXsuZQBUYa\nycjOsYcG/NLl23F5aF/rLUb76L2WNVvNiFI9oUO1QzQ1J22XvxiNg/3pXS/4\ndzzOkL6VhlOqDYueFuZXsBHruzc+u9DD5DTE3a2EnNa/4NS3zzhSfP7f6FwZ\nmggf+KkwGApPcjmNEKaz5GVQhskTOPFPgYJo83yhtm/fHARjywjy6P3oDZcn\nr9fsgmICwVu8C4F9CbTJNTT6c/JbaQVKdFaa+eSluCxLKNKF27S2h6dLWpYN\nNVxAt3ymmRnYCGFtAzMwWtFN0q51849dsflQW79AZr9uRgUtZh5mvzEQlRC5\nCkqENvscaJut3dRfiLyBP2ABiR7SM8XZSv4Pnz0KvtFJee+UrIP+XwpUdEsB\nbl4SG9nllmTfjCwgGJb6+2vy6Y1bUyFPl3iIEs2tVDCytFOqMzZwRpHlPedV\nTlRaEpDGw3ISiX6E0GAVeI2ct513+ab/xcBlRrrvLdsFRo+QsVC5p4r/2L2Q\nqmkGtThX8kdk8wiCWllT3zmdNyzJZkzq+HlbXZ4uC/ymZ604akhgtKMJzn9y\nFSDGZ7HoaEr0uNL4XB7TGjPW27AmVvrAm6k8+1CWlfQCC2zHKziaobnDA7Em\n5kJ5\r\n=Ttpx\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCs9QNk6sOd0ry9y5Knk/U59AddTovM8zm9fFDteuwi8AIhAPv2gMyZcar5a+HjyBHGtIGtuiuK2ht0m1KnUV0zIUN5"}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.1.1-dev.17_1612759510445_0.4708848866927797"},"_hasShrinkwrap":false},"0.1.1-dev.18":{"name":"@spaceone/design-system","version":"0.1.1-dev.18","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"./dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --name spaceone-design-system src/index.ts","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out","storybook":"start-storybook -p 6006","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","build:style":"node build/style.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","chart.js":"^2.9.3","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^1.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.11","@storybook/addon-actions":"^6.1.11","@storybook/addon-console":"^1.2.2","@storybook/addon-controls":"^6.1.15","@storybook/addon-docs":"^6.1.11","@storybook/addon-google-analytics":"^6.1.11","@storybook/addon-knobs":"^6.1.11","@storybook/addon-links":"^6.1.11","@storybook/addon-storysource":"^6.1.11","@storybook/addon-viewport":"^6.1.15","@storybook/addons":"^6.1.11","@storybook/cli":"^6.1.11","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.11","@storybook/vue":"^6.1.11","@types/bytes":"^3.1.0","@types/chart.js":"^2.9.18","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.2","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"e20aa2431dcd1ad4f844cb68f00b33bd2c37765a","_id":"@spaceone/design-system@0.1.1-dev.18","_nodeVersion":"12.20.1","_npmVersion":"6.14.10","dist":{"integrity":"sha512-Zmsy5jocaQcl4gg+DMooSTtgUYpqtn/NFZY2qREB701sRLaaojceZsJ5BtYFattOlmK7qLzfubqYESGYS9TL+w==","shasum":"76ddb2952af267e38dbafc2dce4ee4ead39afbdf","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.1.1-dev.18.tgz","fileCount":1022,"unpackedSize":88976997,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgIQXnCRA9TVsSAnZWagAAab0QAJKAKjlKh0JpuM/d1Ttj\nd741U3iRnm2uyXvkaeg7G8fyTH5HCmEeaD9BS9TcTsD8C9sAcdcYBDHZFvVs\npCz44soTULOtbfG8qp1E6QgNJ45sjJnHTdxYM/a3RW3eDdI2TegO0J5WGNQY\nzV/9BFT6aDcvGh+cOl0H1WzhFxndxi7Jlj1oGyTS18aGVA68GRwseGHqjWdO\nWlKDIGVrzpEojYX8Y1WoAFhyNal3jv+AAxh+DHdIYTXL7f0Lvjm6MNM22fFw\n4dDnF85H24s5VL5jwS4poRewD6SHE3xI9mf+xh3Wnyu5g6kP0ecssrnE9WZP\ngufSNRRswDyatCG582Ghih8EUbS0+W90ERm76jiiTPWS2lQcIRwv/QNsDBbk\neFiVLkXBDXA6+XRKQ8uhhvI0aOC9kDY5yMI3vY5Vv3OJnDU5WH4FxiScEK4v\n0HLPYivQKp+wOBk6KNgXhsY7HajvB9uSXlfZlc5YW4XIT+hJy/+o1zDMFK1j\n/rzpe1Joto3F5GVsU3Pvpf9bpoimLmFjH/Qt5NyHPgVBMEZsn8u3fIrspnPn\nkzfVgxPeqgSl8WTZIlm/fU/k51cv+aQhRhYQ3p1YLYt5oN2krMywM/yUoC1f\nc+rpvqjNrCquHJ47VtyV6MiA3JOg7FT7pXTzrFrRyBrZA054D+j+kupDrygZ\nd6Qf\r\n=Q1BQ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCskYvvSsIlVcUpnXMOx4ArsHN+pEZzjBU3vgqM666/zwIhAJ6/H4iD5iY7d+mUHeplh0fBPTyMTCa+w+46brcdz/Xc"}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.1.1-dev.18_1612776933684_0.6983253840465997"},"_hasShrinkwrap":false},"0.1.1-dev.19":{"name":"@spaceone/design-system","version":"0.1.1-dev.19","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"./dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --name spaceone-design-system src/index.ts","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s piblic","storybook":"start-storybook -p 6006 -s piblic","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","build:style":"node build/style.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","chart.js":"^2.9.3","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^1.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.11","@storybook/addon-actions":"^6.1.11","@storybook/addon-console":"^1.2.2","@storybook/addon-controls":"^6.1.15","@storybook/addon-docs":"^6.1.11","@storybook/addon-google-analytics":"^6.1.11","@storybook/addon-knobs":"^6.1.11","@storybook/addon-links":"^6.1.11","@storybook/addon-storysource":"^6.1.11","@storybook/addon-viewport":"^6.1.15","@storybook/addons":"^6.1.11","@storybook/cli":"^6.1.11","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.11","@storybook/vue":"^6.1.11","@types/bytes":"^3.1.0","@types/chart.js":"^2.9.18","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.2","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"93743d281dcef13932a4aa96a97eee34a621ea08","_id":"@spaceone/design-system@0.1.1-dev.19","_nodeVersion":"12.20.2","_npmVersion":"6.14.11","dist":{"integrity":"sha512-18sHYEmxbZcEwzi+aSEZgwnBFHSPIze2YuGby8d2zipXpN0OHf8HjAvkVHs0mx2kdP4FxxNGb/sih/pzmbQnsQ==","shasum":"1c41f606353d86c6a0ea9c0a4cfcae71ecb98494","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.1.1-dev.19.tgz","fileCount":1023,"unpackedSize":88977078,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgLckPCRA9TVsSAnZWagAAzm8P/1MIGmSs+Q5u95h/0Uhq\nsnXBddFStZkznACf1SY+uKKnvsAfPIcewIoQzrZgv0YFOyR1uExKcaLPhYBJ\n0rkYRgipyUSpgKMsIc2j9qG4+I2zja5+oY2ohPOmXz1dZbV6adYavfvylQ7F\nFdij89tdDIyB8JKft4i5NyEv83OtRhusDse62lMX/QPbTQ/qki+gMgVKY5Tr\nQmnhW1o5iQ0csofu0/N3bXuYNbFbGxPy4jaLAnvcdKiHyoQ1ok3qEAtaF84W\nepfQNGHhd0sNNzjs7X/LN+9GlmGbXof5Mm8WZX4+X+cOdBM1SmZSbQYlWcMN\nMrTU5j/Ces7QIUz14xRg5CSvhH1asbdB39tear0tz7BUM9lLqJ5HHtE/bskM\n8kKj1WrElxQjTcn5gm641Op4BQwhBHp24FPcBRPlNK6gnXb7YPVVOE6/RR5d\nDdZQqKX7Ja4tpnRAvh0/DKcT+UqchqyCGH6KI2MYSSQhYq5EtU0x5ojMX/aE\nGc6uyCCrk2WvNzKz4PqrggTNreJfvXhiyIbfLeabcUec5gZz+lpixAQ5SgVT\nAY/12d4R2Z66klh3ShsJU5HUIA5/wpwpALRSATJHSftW41ktDl8dJ7vv0l5I\n+/sCGeuWs7GWYKZIsEwtdxpVSDwHwFOuhvks1SiQD/SfRzew6CM3JrQhYbks\naZNk\r\n=NoIi\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCAVEpaK5M0rT9BqgMuVFf5M4aCk/k/PPd03jpSk8DpCAIhALK7DZCkXIMAAdgLy06ayROYq0wNBhOkVOeNd+UHay6k"}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.1.1-dev.19_1613613326190_0.015994830645998936"},"_hasShrinkwrap":false},"0.1.1-dev.20":{"name":"@spaceone/design-system","version":"0.1.1-dev.20","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"./dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --name spaceone-design-system src/index.ts","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s piblic","storybook":"start-storybook -p 6006 -s piblic","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","build:style":"node build/style.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","chart.js":"^2.9.3","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^1.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.11","@storybook/addon-actions":"^6.1.11","@storybook/addon-console":"^1.2.2","@storybook/addon-controls":"^6.1.15","@storybook/addon-docs":"^6.1.11","@storybook/addon-google-analytics":"^6.1.11","@storybook/addon-knobs":"^6.1.11","@storybook/addon-links":"^6.1.11","@storybook/addon-storysource":"^6.1.11","@storybook/addon-viewport":"^6.1.15","@storybook/addons":"^6.1.11","@storybook/cli":"^6.1.11","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.11","@storybook/vue":"^6.1.11","@types/bytes":"^3.1.0","@types/chart.js":"^2.9.18","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.2","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"a46f31384121d99e4519fbd1d0c8aa85170a3044","_id":"@spaceone/design-system@0.1.1-dev.20","_nodeVersion":"12.20.2","_npmVersion":"6.14.11","dist":{"integrity":"sha512-khjnyMI3P/UWjmqG4ml011V40umcyNwbL6Lz+ytz7qiy5+pGj+RnWN+GzaBwIZeuQOyDGaJqlV/tGoPTQwNZVQ==","shasum":"b9e86f726c193f5dfdf5e10b9294f1ce2aee7f0e","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.1.1-dev.20.tgz","fileCount":1023,"unpackedSize":88977078,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgLc7sCRA9TVsSAnZWagAAyxwQAIMhU4ta+yC0Db/fcih6\n1QVEUyEJRHWVHSrwCFVDY22B8gBATNu12D9/TA7qWZxAft6MiR2vkHJdQJJv\nS3feVazgNnfyiet/YylbiCLiCPZ3oR2C80EICCD37cIL66kTcxXDGUAny6wM\nkMUDrgfes5hpwUBTXhOPTne0F72kNXbEx1xHqpW0tq6palErp9mqRKl0AHb+\ntT7bW58LDFhWZpLa0qk4rbyilmeaNu/gwWYqGi7V/1cYTNkGeqZ5352ezL11\nSb9HhJJ/aD34JlGAjWZFowX8UoehxoZbLUShDFitloZTBI3/iCI2OiBr55ff\nLe/mqq8Tf9nX7lDj1arQkz9A4/jy3MIu1WWyK5KxrKuj7FyywPNFpx9WkgaM\nUhv9Wxce5Z+S6auFemgYukozNoOH7iYiHwZkcuODHCAhfy6bpUe31XIHNaeq\nNGqw0ATG6T+8lJoDEjbd8AvIYz9LpRIS4kfmeL8JXtbzXX0ioBcS2qFKXpDm\nXolzZX1uhgwFvD6lGL+oqOLBYLEa+s9R+pb8MAhCU0VcTdshjpDwcWPGOm2z\nOglmCajNyMko86mA5JA4XwWyBV1wyd/JbHjA9oaiW/EXilpgGCTsyuARHq4T\nugN3aQwM0w8pVx+2sm6DtgfQ449lALZqVQJEBfK7xUbjiZV/59N2LJFXLlet\nutn6\r\n=BT2X\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDgkxTYor6rmX9sJied0WcatTjn0VBe0da3ceOwuAwvEAiBzpsWMaAYaT6y0uBkbTEVA77zgcw5CwouhOdQB+AgX9A=="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.1.1-dev.20_1613614827357_0.5563488088580195"},"_hasShrinkwrap":false},"0.1.1-dev.24":{"name":"@spaceone/design-system","version":"0.1.1-dev.24","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"./dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --name spaceone-design-system src/index.ts","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s piblic","storybook":"start-storybook -p 6006 -s piblic","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","build:style":"node build/style.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^1.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.11","@storybook/addon-actions":"^6.1.11","@storybook/addon-console":"^1.2.2","@storybook/addon-controls":"^6.1.15","@storybook/addon-docs":"^6.1.11","@storybook/addon-google-analytics":"^6.1.11","@storybook/addon-knobs":"^6.1.11","@storybook/addon-links":"^6.1.11","@storybook/addon-storysource":"^6.1.11","@storybook/addon-viewport":"^6.1.15","@storybook/addons":"^6.1.11","@storybook/cli":"^6.1.11","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.11","@storybook/vue":"^6.1.11","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.2","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"1f6a0a38809cb3f3579e032fc3763d988fbbd62d","_id":"@spaceone/design-system@0.1.1-dev.24","_nodeVersion":"12.20.2","_npmVersion":"6.14.11","dist":{"integrity":"sha512-TT72anMaRmwz+0kZIAYkvMxRXgYaNY+VNErrH40wdZ+hA3s9FGM/kpWEt4oeyZFaqBXrkdsxUHVwMtBZCHS31Q==","shasum":"4d0f054088b88b8d5d770f4f38378329eec7e51e","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.1.1-dev.24.tgz","fileCount":1014,"unpackedSize":82121171,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgMxczCRA9TVsSAnZWagAAhiwP/1yiVIDVvhIvIsocoKl7\nYs/rcjPSi8XJ9SVIRA/kj+N+edUtbEgQbZSw4cSoPHqe0bLVzVJhnOEjyN5v\n9WJm8Ixf9lgOioWNxv2gYaXFDZ647l8Ear4ifhqQgG0R8PEs0B0NAN5m2LK5\nsg7XRRD1mDr6dB8fDLzAZ4YBtTVG1V7jMliqKi6bxA9csV+8kqvoNg1wjQAg\nh4lUxlbPhW5wEDrgTG+cskvkTfL2cmdgbqM+x2ziZ1sJcPrEOfHZqpa8r3oA\nxuzEbQwvi76QRP6/5LRuy1XarDS87liK9ACUiWzfv8lNlZjGhRyt1crsrXTg\nsLhEEmnsq+GGsdN6AT+3PMIoLakNR/igMMIZDT9tRNBk91a+1YRnuiEQ9f8n\nbOumDHfMx5D//Z0EKCpmp+fhIRq9AndHMYTXDVvn9zWzJBZix9qlibeKwxkF\nai2xFf+WHI6t61t2t0tBrya9+EkZ5a+1W4XJmPSJ3wkJc+Mt2NHvu42WnajQ\nvOITemiiEaUYVoV4NGSrpzXIcy+AMm5dsQVvRXLhlBj09fke1uxfq3z6Vl0i\npHbwNGBn5qI/qySAzL4tju1b4n6Ai3CnFstEZ9jIw2UpbP9sMtit1Us5KZRP\nxNPHlDu0ZrUN4mY2Gb0TeyodZ7ntYMRAEAxvZ13S5+neDdP+bWswrJi6/y8D\nFnay\r\n=q7E/\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFZaqQxF5AGhyCdl2xdKaazc6jpjjl4nO7t8aAxwdJSUAiBganKab90hxgmbJEwBoswsNiUH+R9psKSIQgU8omQx9w=="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.1.1-dev.24_1613961010336_0.5797452322162495"},"_hasShrinkwrap":false},"0.1.1-dev.25":{"name":"@spaceone/design-system","version":"0.1.1-dev.25","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"./dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --name spaceone-design-system src/index.ts","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s piblic","storybook":"start-storybook -p 6006 -s piblic","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","build:style":"node build/style.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.11","@storybook/addon-actions":"^6.1.11","@storybook/addon-console":"^1.2.2","@storybook/addon-controls":"^6.1.15","@storybook/addon-docs":"^6.1.11","@storybook/addon-google-analytics":"^6.1.11","@storybook/addon-knobs":"^6.1.11","@storybook/addon-links":"^6.1.11","@storybook/addon-storysource":"^6.1.11","@storybook/addon-viewport":"^6.1.15","@storybook/addons":"^6.1.11","@storybook/cli":"^6.1.11","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.11","@storybook/vue":"^6.1.11","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.2","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"54bc8c9ccc511cde1ec09c73da0235f548ea3c23","_id":"@spaceone/design-system@0.1.1-dev.25","_nodeVersion":"12.20.2","_npmVersion":"6.14.11","dist":{"integrity":"sha512-REi0mHbC3XOJETj32DKFB4llMTi9Inxmw9t0vTy6hDx5p6DRxtTqA3pQzcEjqL4z7w7+gEW7l/PfP93oT+VdLQ==","shasum":"f682b641e88f3fa89ce998024b0120c06e809d10","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.1.1-dev.25.tgz","fileCount":1014,"unpackedSize":82306798,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgMycqCRA9TVsSAnZWagAAPxYP/ibi696/SYb8jNxKPCvx\nKT9EaxJDp6k4ZEKs98qh+uzXt62aTDPrdUgpHVxVSrBR2x4WOc4+iPJFg9z+\nJzgq541F6dtlwhfjmAUNgumipoIB3FQLlwg1lOiwOLdlVBqSHGifXg0PsXVM\nQMG1of66aRP9ZMGi+J0AqnRuw9C/heK+dRcs735VxATBaDMvxt90EEXq4ZWh\nbt/IrIyronZMDk8MgEXZrGY8vu0GdwwztgPUQtIDlJn0JSSdBiIqKTXMAnZE\nypXK4V6PKCkrigeSwFThc1zRvv5N9JCzCxwfORtT1FnhBchyUYnd0VdWsvKJ\n31QirRoXJgVI8i4k2mYGeoCMkvlVZfJsvON4v+FJMdWsZLHYzcY9kAKQpGFB\nmpY9MsZgLYRB1SCobuH2+1sfOv45WlsYcowAWVkX0L4F93qHAo14SlNVJlTq\nOTK8WhPX/EjWk801HEPJfGC6KWrww3OeOo0NYgN9ybR+o3dgrHSsQ+PgiXwD\n7HbEdjAlkeu7PGMEjNZkRd8bTF+a/Qi9bbXH7D4o5Xa67ObHHsIZStJkSh5K\nEUqR7i7L9FA/1+ER76G6W/sUtl1yI4XPpIxuXdWVdcRu5qHAi+ztZ9NW4Zsk\n0Tr9W8+TJ4fsgVz40lIZv+taxN8bspOyZm2Ut7TO2to3Bx9Zo9Busasj2Wbg\nl3E+\r\n=FUra\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFsZcdklHlCOubA8OUBdIrzBjU7uH8QfPs2X/pH6uv0MAiARjA1YJrnCSlxdjdzCkz0JtpovH8a3PvGhkCUoq74cBw=="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.1.1-dev.25_1613965097566_0.17512476956215983"},"_hasShrinkwrap":false},"0.1.1-dev.26":{"name":"@spaceone/design-system","version":"0.1.1-dev.26","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"./dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --name spaceone-design-system src/index.ts","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s piblic","storybook":"start-storybook -p 6006 -s piblic","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","build:style":"node build/style.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"c81eb7fa3aa9337db7f9d6133df5719b3b215764","_id":"@spaceone/design-system@0.1.1-dev.26","_nodeVersion":"12.20.2","_npmVersion":"6.14.11","dist":{"integrity":"sha512-m/OU3dl+zznD1Sp6J8ytN0Oll3f/WFHRnwFJK2wJQ0GC3z7f7BsLYWvluuVS2CBMvcmM/Zq4gAdt1qOqkgm2YQ==","shasum":"9d8503facd58d322b8ddedc0cba5094b1124565e","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.1.1-dev.26.tgz","fileCount":1022,"unpackedSize":82375937,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgNIz7CRA9TVsSAnZWagAAPNcP/36XryeL+eEMTycgCFzD\nbywXm9IYAicwIAPPy6mFQ3C6G+s2+ET2vD/rvYS6li3OoLQcw4as/yaVL6Nd\n+n+1reL+MDolZjLbM0qQVskc28EEiROqFP0Bqg4arGm9OcAPO7QPP6iauYyK\nK4pUIaV+5s2r5/RCG8l/4Dayu0ErJ3JJCoSeqmwQcd0qFPJDF1wPjl83WOWI\nfSXzqcVMf2SmkKj+UoLOCXv1l4BTjxMVdJMSvffIrrZoA2xQgaI9F+7PbFZA\nW509Uh3OaodiA1M1q9J83JOlT2D1btH5+AKFCWZfWH/LSxvlfZBNVtS3Eqal\ngjYeOuD0fF3RlHWHaKs8tS4ophZGg0sqXkySEaSemWmZuScPgA5fX6jsnawu\nASGLGys9aGNKEctLQozWcjON23YmqhiJl57IIrtteL6fMgh9rx3GJIze2mWP\ny3CasfFaZZdccGoMnp/cCMSZxLchgixC1O8u8iIG1ECQELUuB3wzEFYVd+TB\nEmwfIppmYbtR0s7RntOKju5yRzsjrLxPGZ4k4r12eNDReHBo11C0HbPPpPc3\nxqWpCFHZWFYrHBKVcexS7iAPrNIY7xPKNp/xbYe+7x6r8zfjE89aCf9/gyQP\nvb7wrn9vMiNvnHU93VYlQ0pzkvwGfLOWZikwatRzdrvssSk7H1AXM1KMw0G+\n4Bp/\r\n=D8Ng\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCID7yjcUoLhujc+pRcQjETjlgTGxDn7R/EVDSVQQBmJqQAiBE8DR4+yzGmHnNMckjEcllub3hE1/fIuzSHLOiiJjfUw=="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.1.1-dev.26_1614056697561_0.7338285344278317"},"_hasShrinkwrap":false},"0.1.1-dev.27":{"name":"@spaceone/design-system","version":"0.1.1-dev.27","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"./dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --name spaceone-design-system src/index.ts","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s piblic","storybook":"start-storybook -p 6006 -s piblic","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","build:style":"node build/style.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"ddb1a6cbc6fd7782d0becd507944d7e181f7fcdd","_id":"@spaceone/design-system@0.1.1-dev.27","_nodeVersion":"12.20.2","_npmVersion":"6.14.11","dist":{"integrity":"sha512-/0BIw6IjG/wPIO3iu+kx0D5PnGiJQ1SW/JrFXA/wK+uVUi/URzuLaGf4bAE2slU15Yp5ilB9AEH7Pvs7UYd/Sg==","shasum":"e89b8bb4c8e23bcd0b4afd8db2edf5037be40ae3","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.1.1-dev.27.tgz","fileCount":1022,"unpackedSize":83703487,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgNK7jCRA9TVsSAnZWagAAlV0P/1KMC29n2We8bxDOmCJX\n+hKMJy3Zbp9AyuKVx0SonircCNk1+jkFiRAlzvE0TLl1rOPlmkhZa+VgpJaB\nmpN9HWGui15CAXLutBumj8lQfC5v3vepoCKBtT9gh0h+DzNl9QzDmyKo/VS9\nEOLFZnWWfTm6VJc3OMYwgiDYIDQ4843qrXq/GqVkyrCz6auQl1i8wqc+/MD8\nzjI0fHIdIpfb5lUa2L9HdTKUKNL8ax+p2MrQ+5/XR/vLv5TwcLTkTrAZqr7K\nfwC9C18K333ARvUbSz5H8ZyIPgZzEefMN2Cmg+fKizxRCNsdSQolfgdVVuHe\nXFyVx0xf0sZYWmtnWy+9k2hwbddvfpCfkP/IfohKfimA7ErSD/z66pG3zD/Y\nwlvYLnAfe9dchSeOcS3vfKjfLGD3fi5+49D7QN4CWYLBzgYSCNqoqpDcQ9ba\ntKM7cH4N+sgZJ97BCa26Zi6Gv0JkbDOFTZ4ut2d7gRH2v9qBGGhb74a74WQU\n48z7AECiwxIL7lX16AEKoZJRuydFljY5EB3I2VgXG/pFAOd96HMBoPQnTSUV\ntgTdNAoSwF8/e4h99b5YpJT+z+kFgaO3De5xv4lQwZG7fx/EUPOfcqfKo4bd\nvoPFB4JKh6z8RQOtYC12kks+Rw44rVOX/3klH5x4f0g2frX9e5cd4bopJhHX\n2x7+\r\n=qSK0\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD5cap88UtiPGUpE/bhOd+SEK94S08AjkvrrJvDrRVWSQIhAOZlGVYbcn8Zv1r2m57iHdT+QlX3eHaBo7mmIUH5oYWn"}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.1.1-dev.27_1614065378503_0.41244268890669344"},"_hasShrinkwrap":false},"0.1.1-dev.28":{"name":"@spaceone/design-system","version":"0.1.1-dev.28","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"./dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --name spaceone-design-system src/index.ts","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s piblic","storybook":"start-storybook -p 6006 -s piblic","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","build:style":"node build/style.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"3903372670678e93bd61b95524efc17fef9fdfcb","_id":"@spaceone/design-system@0.1.1-dev.28","_nodeVersion":"12.20.2","_npmVersion":"6.14.11","dist":{"integrity":"sha512-JVEP48h3Wsv81Hwrro3Y1inRAZAST3P9mf+g+sH3lu6dU/6rhPw+XWoclVQpXQtGD4RJ1jco6nTu7LeH2AzlQA==","shasum":"338c327ccf2977c2dbeccc38a2d3118c2f2a7cea","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.1.1-dev.28.tgz","fileCount":1022,"unpackedSize":83703407,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgNMbBCRA9TVsSAnZWagAASWcP/35lPnFvvmwUNZPwKgXN\ncoUl+xLaBISl1cpBOwIuYMmCWgC+eChNE28wydAvp0lWTfsa70LGK/qkB1xZ\niuBGu39n1tPd/1qzZZ74iXmwOoLnc9vlL0TcvXp2sw6+691btLUCGh0+cU4c\n6tpNM2WsjZPb6lldFQwBY6CzS4LeOBTtOKDcMHY6YQGC6/Kf00bbEqayRWDA\nqe0TknVGJ2GZDm10bBx2AAybEmAtPquhV1aHdbtKtRBvkPwsy+28Q7W4Ltad\nsTxULDXUFBfo5ycXmIdXouUN2Y+Wa4mYyv9HyYfl1y52WhZhV9NkzDmDoIK/\nDc95GkECwiAGxSJpvBMf2gKRr1l8P95Du3f5rrXVF9mO0J02TKV+ufHs/OV9\nxkjjugAr486wdJy7hFSTvEszlwjqDCo530PIibzB9YoxbIqXS3SZCR4Xsd/5\neBS4z2UCxHekYdiNaBVYZUwg/9kz4sxwJtXJhKNBA+Z2nUK8hj3AmoN+lxsU\nGMp7MH/AnpptE8cappD2FJIrofhXzDnXhXGeh53fy3CJz9rrkHm1Tb3Qth71\n09Kk/+DD+UuTTe/uHLf2nClniWRMaXScD1ajFr5xh3+E83CU4QuHAjidsPuP\nja7E0/G51RPLc4ATmGpg9XaeccHAOtzljFg/BPZJp/V6ZIg2LIi4d8lFhUpw\nXTH+\r\n=AXoH\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD7RBrvtHclCNZeinTW2twfwgWt2KTdNVqfhLj+wZvdJwIhAPHp++YM+CdFGZbcjS9OIF0XUpT/d6d7Oyo431hmLS55"}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.1.1-dev.28_1614071481726_0.5282502962609004"},"_hasShrinkwrap":false},"0.1.1-dev.29":{"name":"@spaceone/design-system","version":"0.1.1-dev.29","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"./dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --name spaceone-design-system src/index.ts","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s piblic","storybook":"start-storybook -p 6006 -s piblic","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","build:style":"node build/style.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"66650e395f5363275a35e76e4b158862f68da800","_id":"@spaceone/design-system@0.1.1-dev.29","_nodeVersion":"12.20.2","_npmVersion":"6.14.11","dist":{"integrity":"sha512-nqX0tMU+Vzur25hQsounrX4AqFrQKs6BJCWMk9ds/q5t1G7SbTf2w94zlokccjVQdGP5ytES+x3tktfdhIvnyA==","shasum":"729ab832e0c080ad1b2e14d271c1733a9ec614ae","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.1.1-dev.29.tgz","fileCount":1022,"unpackedSize":83703407,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgNM6UCRA9TVsSAnZWagAA39wP/iwb68g2HZA2QPDu94u0\nJOjHPZkjujkcwv4HsqrT+DH3R2PL3p3G8LE8uhfKORr/x9aMnFGyIPOi4lc/\nmEr/u2S2AEUi0GX8BDMTI53J+RjUOtTs4EmbPhfz9b8M93aNFSMMZcCQ8kga\nqWTBLuu6GUMQWAfVZP3dllWqCONxzt4z5V0JGUIvvKzn+4kQY3X9ujhc3Xfn\nM9NsQoVwCCMht7VfhNDWOC+NZi4syWGDsRYR4Oa3ZalmMsQdFXtU8LecENR1\n46dMCcxhWqNMMK5qZWsZNe3w5pwYXOPGhWjYHFXKUTwfQQx2cDdjWU6fft53\n+xegFoFthBiu6YcUYsKALS3Dk6orZ526EHV7lEAPTTQ9nlEtbgwCYAe5ZO86\nGyYZCIDQKXHhThfmwb362fsB073zv72qRT0jeLk98qId8Sf+sMLjEAUNThrj\nRUgnZtEs/h2ev/s0ffiI6R6g0hkasfdc9+eW/kgODd/yABZA7xB3AAZJPG6+\nfm1JZHm5jmvk9SUgYRWM+UP88SxPGN6FkiC+EMxF1Q+WOpSH4AWY04jNKVjh\n6995fRquxb4p06FGYD7kRstYneV2SRgnFPtewJKJJQT1GllkMdcFfoZDdslf\nFeX01TLrdk7WEZG3I9mrf8a1S/S9RSe+JTq3/qiYvLGSg2UwNMuk8B27ZjsP\nK5iU\r\n=lVTQ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICQ0SadiNplvB/z/qnJlRW7woW3C1ieFLvcqVL3JFdb7AiBc8a5Z29lZ7aQ89Zprq/EUKlic8CHKm4LMWOiLuj5few=="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.1.1-dev.29_1614073486844_0.047515855523941"},"_hasShrinkwrap":false},"0.1.1-dev.30":{"name":"@spaceone/design-system","version":"0.1.1-dev.30","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"./dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --name spaceone-design-system src/index.ts","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s piblic","storybook":"start-storybook -p 6006 -s piblic","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","build:style":"node build/style.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"95de3bd3ec776928b8eacf4f0b4040d6c4dd8c01","_id":"@spaceone/design-system@0.1.1-dev.30","_nodeVersion":"12.20.2","_npmVersion":"6.14.11","dist":{"integrity":"sha512-So096FiHlMAO3CYISXe2bvb218yowxvlONrmoJ0Zl4apw9pp3mkg8maT4q5be/9HiHtNG39IM13tb4rV+E8LCA==","shasum":"507ac9367a02ff4a2d11eb88de0405416db18e19","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.1.1-dev.30.tgz","fileCount":1020,"unpackedSize":83703069,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgNO5tCRA9TVsSAnZWagAA+MIP/21mqgEJP7kOIx4R7eJa\ndQUVEySd+GE1aGALPvZN5p59+e+Jo+KQo5rK5H9qPWHw2taG8yfGNzxjFd28\nEuAWOQ5dzV49erV3HeSestGGWbF7tqy60Wfobo0oOnmX1t28Br1GbwknNGBy\nPGYZ4SHmSIVPtUMNhPO2u9Co9xQ8Eg2plHCK0ChMuNS2KLjR3h6DNpd0vqLb\nmJCv9Je6XY5iVLn3BAMpUQDsST9+JNZ5MqkseONhJLQvkRqLO/UKLA/XpVMq\nl5kHUW3SdP045rsiyQEjgHJOWfGuspOUnhTnUGY7KIu6NDpyz3V6Jrxs7x/e\nqCOEKNpUWFB8pFFm+qE1hzDPpw6+uybI54qdLXlVVpwrpwJwpoUTqdFiRkbx\nJbdqTxKb+GvxIsNopQhO7uTjoQXTXvOblZjhV+nwE4FS9vRIbTLNmgnqiA9G\nd6+ZCvAmjnx6Cd4WZJIk43XE1mVhrPQkhnrFxgHR3RM9hTiuyMDfQKX5APQU\n2kfsBg5qsymkCApt2BtN6vjsFro9ypsu9lDDi6rSEaGBFNzSwsZ12qVeSzwb\noKVhlZC+fmEs5++zNJEVM2IzKTGTn9BqxaFDFyyNhCODd9sxjegFX+VhsdK6\nA/YI5QDHVxF8WF3Lod3SYcIIb7dS/wp5091pkflAueFFjetnLlvh1NoGLDYO\nMVVg\r\n=y7bm\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICjIT3ylnxvaBY/qYZA3Q4+MYDT1Ec5RTstcexlIgEORAiEA86XzhUJNPf595CbV634x2pEq8gViXDnZm34b5BBpQkQ="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.1.1-dev.30_1614081643776_0.6108070739249487"},"_hasShrinkwrap":false},"0.1.1-dev.31":{"name":"@spaceone/design-system","version":"0.1.1-dev.31","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"./dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --name spaceone-design-system src/index.ts","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s piblic","storybook":"start-storybook -p 6006 -s piblic","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","build:style":"node build/style.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"f050bbcac8288caa8ab507d035054423e00c32b5","_id":"@spaceone/design-system@0.1.1-dev.31","_nodeVersion":"12.20.2","_npmVersion":"6.14.11","dist":{"integrity":"sha512-LOvHc6RsaiFk/IIU4ogMsYo+DAtK4VCa7QrHZXo4Wh12u2bEYY+bL61YBAxu2hHjfPMK9MI3iNP9ZBKS+hBKuw==","shasum":"1a7e8387d42aee6012b9ce9b1e29a50fc8008969","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.1.1-dev.31.tgz","fileCount":1020,"unpackedSize":83712400,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgNSv2CRA9TVsSAnZWagAAQP8P/3GeECQTxBderuw1n4w5\nsXBK2e10FG8acg05tbXcfeiJHNIFZIdoPQ64M8PdXS1mtiqy3633BSQR+1U7\nFdw6k3uM78KPgGXeRzyzgI6YZ/hVzsOnGuQjDbbDzpTAe5d3qXvrdkCVVRr0\nCdm+rSgURGNRQxns9rIwcu2+PQxG5TqGANVUQRLEsmhhV5u6853mSOO8BKxx\nsRGva/3bsBfovhVjcAB8iSs+Hy6VpSZ+R9wqTxsgRrvmANrb1t3YVuFY3VdS\nsiuBM0BubklzF2X6aQiQJ70sHEpTWwPMYERL2QbGUsZh/J9a4QucS1euuhL8\nkDfw+9xWkq+pQe7H4JmctrBtd4h5gT4knbiwUJsfcG5LTlYKMl/QH8Iy9ZfM\nqZkKyTaCn3czLH53hVSOyDZaSRlJCAYOSbU2Y+TxWpCZUl7L+oBNuf7S+VgL\nUyr7Mdv2LfZm9z2vx+t3lk0spFFJEuTG7APNX5WhBfYBV1xHm+EKsaOjQetu\nvdUNJ+kTTEKHjJkMWFxB1fuTg4P3reiLG54sfslOanWL31xiEaaWKV9SiHKu\n0WZeO8NLFZ1APiWANgPbAzFNautMrJ+C2QEQ33n/UQafkA2mGMAWciqe6o+E\n5g0AYkeRRIMo/yAJbA3TmSD2DUmDkncvDFU+hb2kgekiqNAZs3+NX9vb10+Q\nDaXG\r\n=ywVu\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCBI1eFrkP0sdfF7aCVrR2YAvwxodLnU1L1namcQAW9DQIhAJ5OCO+YsG1L85hW0UZXyINkOThMbYe9Q60wfjU3dEGR"}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.1.1-dev.31_1614097397668_0.862562121857642"},"_hasShrinkwrap":false},"0.1.1-dev.32":{"name":"@spaceone/design-system","version":"0.1.1-dev.32","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"./dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --name spaceone-design-system src/index.ts","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s piblic","storybook":"start-storybook -p 6006 -s piblic","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","build:style":"node build/style.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"24c3645eae955f9fd793cabd2aa0ea569be1d43e","_id":"@spaceone/design-system@0.1.1-dev.32","_nodeVersion":"12.20.2","_npmVersion":"6.14.11","dist":{"integrity":"sha512-WaAilo69jJiO8fCmtoX9tCC0CBMZ07sNvmVudCkdZ3PHKaWLTQuhZetzqyylZaw2cFU7OxH+Z//lbSwOhUZOnw==","shasum":"3a1024a85ecbd43b81677a3c462246bb90406349","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.1.1-dev.32.tgz","fileCount":1027,"unpackedSize":83865045,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgOKJvCRA9TVsSAnZWagAAoOQP/29YKbIzCaGvOCz9WpGZ\n9rKaTjZCS4oYnzSmpoCg69a8MSrhNahlhnuZ3wyjric5s42FrqrtvZvZzGhw\ne3hByNiYrzPQFCPKmkqnx1N+zKBN36yoM4pcfgfZ4Oz9+QG5tXp7Ba42XHvH\nfbw+P1APlaWvrF/pW5v3DCahngB6rHQtUOb4VeZ9jiKZmyBawfpEnVsWr9mh\n4uqrMJ2SJa0KeSe9b8r0k/Yrd4bRzLa7jULWL+tvKruj/FIZBrZmQ4fTfpOD\nMU87BYwz4Xw0U0/hEskutMUzisqdkuBPLCiq+c5HdkDTs99CJNEU7zy/covb\nPIBBwx9fxQHB4GIS5fwnuqNsXQVfiA9TwkbuxpLtudYpS9FobMUbleasMmPP\neVGUL+C17xSlEVVsxKhjdD/saHC36lhssFSMeseHGq0zDtQxG8H5ctWLO4qJ\n0in9fVtaREANZF2dxDoxJqJCyPTaleVu1UiYRDwQnNO7QPL+8+/bHNtv0yAq\nwrEAoqln2UuRhuuVS5gDwzYL8YmYEumLBHeJB9PdwaVfW8TSCHA4kdcxkdEo\nyvFqgCMLz2bqb6W1wcRt6379di2qT+P7vlsEj5U5o2i0Vj1p9T5qiT38coKj\nqiBpLThAwInN9n3p5HwR4UsW6wh1u/xIJon/uaYDyH/zoJjw5ZxR8X7Ayk2w\ninPG\r\n=yFxo\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICVeeU6DUmzhurAEAsPOredZfFvWTdTrxmRDD9sGlagTAiAKCHRBfvSjeJ5Z/r84Jk0+1atOA7mMaehUbVYjB1jjnA=="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.1.1-dev.32_1614324334264_0.18513608430584894"},"_hasShrinkwrap":false},"0.1.1-dev.35":{"name":"@spaceone/design-system","version":"0.1.1-dev.35","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"./dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --name spaceone-design-system src/index.ts","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s piblic","storybook":"start-storybook -p 6006 -s piblic","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","build:style":"node build/style.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"6434e18f50bb5b645afa54075347f30883e82da7","_id":"@spaceone/design-system@0.1.1-dev.35","_nodeVersion":"12.20.2","_npmVersion":"6.14.11","dist":{"integrity":"sha512-yTB97l6OSvCMn9TmgC0M2qn0yNJ5YLQch0rOoZ7jtwPzDjkiQQbTzQ2oQPjYsN07YzWs84m9ZyrQCv5HzV0t5Q==","shasum":"547b7ae09bb663889bcf4fdbaf43e4fb5d466a6b","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.1.1-dev.35.tgz","fileCount":1029,"unpackedSize":83878868,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgORjbCRA9TVsSAnZWagAAhcsP/0eH5dLpTDbxdYPWwDNw\ntJFUngmn+vYdjNE5N7n0/Fq9ahw1jZyc61B4/kTKHscMNx7zuL6aLURhb8pA\nsuegeqg3IkEe8fGYfVyqqOj13lzyaW1UHfVYQsWfkUMuYVn8wKZzmBVlKaqJ\nFn+U1uhnw0IppK+jxuYu7SFJmMemADVHSEm3cXQEFHctZGopV1DJqs3aGS2F\npUuur2JGLLGlDJ4VtjBE1i6Zsop8BkcQss54lek4wIh0XhPoagfTTQkmPufs\nuLU+rKBM86C3SvKyaGSdw6FF5LH0JVgqj6hfU8isMsuSi/a6ko2ynpyIiv5s\nQu9Xbgq2te5t5kbfbFXVJpLrczXJAgJrlfUoRST+JN2wfc2Tjq/KZZbcIlZ3\ngH7/kO96Rw6icIiqeIDDFBeV980g4Oc9QhgODmvd9dyJyetlMpKIQsmYzseA\nzRO6+7jog/hIY55ryIfLU4k0nAV8NyOYYbUihL/9OsUbgI0CKY3kWecrstDM\nnYnsB/W0aBmZQawojYadyvodwwCQLysq8dqzkhZN6NFkdJ2mzASdktCOclYx\nRuXI/++4YZI3Aw5rAZrepsipH5GQzVoA8UqHERBs6lqHd7kzqa9r7hxjXy/t\nuVfCQQyXxCgzbECKfPpKBMpuxtHJHins1kLQnkLvbp6hsSppFLE6BVvSTiAJ\nwDwX\r\n=kz9o\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICEpqWIOAWgHsZocg7nuR9AC8IWJElIhM9zxKWFn2E1aAiB6oB9B6MXuaUIDq8SHxpubo+SfcueobRj0seBO7SoIWg=="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.1.1-dev.35_1614354650596_0.4305568613229547"},"_hasShrinkwrap":false},"0.1.1-dev.38":{"name":"@spaceone/design-system","version":"0.1.1-dev.38","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"./dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --name spaceone-design-system src/index.ts","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","build:style":"node build/style.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"defb07ba0f8f1cd3aabe21bb5ffb9d7eaf557239","_id":"@spaceone/design-system@0.1.1-dev.38","_nodeVersion":"12.21.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-Ys82dY7M/WS9t6o51UVj1WGldtf2+ouKbvLY+11j5FpuFBn5zj/2Og30oBEZMT16RYliLtg/vWtlXEcWAeau9g==","shasum":"2dd5f461d456cb8e462895f0a672969dec9a3407","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.1.1-dev.38.tgz","fileCount":1029,"unpackedSize":83898391,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgQG7jCRA9TVsSAnZWagAA9ucQAIItXLW1F4n/m4H8esPP\n6P0eXA5B4y7rnUEvdjXqGAWCp0hNu+0wTpwtbLe59IO3q/05JXYfmLibQBmR\n9FSBl4NLoDdu0j89ULqPK3FXYqhqsb7K4DGRSlysVLayJ6Onr087zzjj2iC0\nIE/mb5ljjW6UTzSnZdvjvAw4NVS4EZqqixMoMu1xSV/IcB6yZeYYNvfzvyHn\noFmTfOhfmC1dR4arv0kirxzH86Ujo4LZ7nIQ2qYQYlh4dqYEWPY6s8qNdC8K\nwi72U5Lf6/2Lcm6Y9l1DkSzPqy7APJdArziCJtU3vbia3OJm6CTzmzli1Rex\n4FiUndzd2qRktI/K/azm6NlQxGetf1RgV+/XBFzJwASqPlIPURgoZhfEgHyC\nYaWKTi3kTsQ00SOSNoeNR18z182VJEeVcdrmCeV+0tL5aMpkFaA4bQf5X9jt\ngaLrAGMVANFYpOCRXRSOXeeq8xge1dLhAspmDmLEINvwakqBHyYJwBNdxu7D\nRrbJKtrVvWKMK3WCiZS1jUqaYhgnEyBsDl2Tmi3wtp95d5Rrh2oOP6pAd6dn\nTqQo+j6PptcmejccQGA5eO9yO5b5Bd6yp9VdufOWx9mvzzNw3b0aSmROh0iB\nnujb+GIxS0//8zpEqEEfLWbVNdeu0qWG26Mx+4Z+zcR6mXaV5JVpKcBjMdRC\nQ3mh\r\n=HZFl\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBiRN4f0tpW2TL4Jp4KNbbAx9IBvrnJtE0KLho5eI9kVAiEA5tLxBFEtxU/u6FE8bJQmU2+qaWcfqLL3Ky43rvjJWIE="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.1.1-dev.38_1614835425834_0.32861116656858735"},"_hasShrinkwrap":false},"0.1.1-dev.39":{"name":"@spaceone/design-system","version":"0.1.1-dev.39","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"./dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --name spaceone-design-system src/index.ts","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","build:style":"node build/style.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"e90a7323fd8630bcc14861b015420f3092ce118f","_id":"@spaceone/design-system@0.1.1-dev.39","_nodeVersion":"12.21.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-32BZ08LuX5MYGfABPE5qgh+Ovr4BGFRsA0U49V59o65L5tno1vcayQadNBUl0fhGfULfNiykR5kF2XQpeFOaqg==","shasum":"ba0a0423fa52c17d903ec8144959ba137bb324d8","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.1.1-dev.39.tgz","fileCount":1029,"unpackedSize":83898926,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgQI+9CRA9TVsSAnZWagAAbb0P/R1uZYoFsUP1pH2Dn3Ng\nZdCZg9BP5vIMU5ofadBhb5sKN6ulAMWoWR5m3nS3WWCamJMUp/ULdULW35JY\nkn4lpCa82cSnJ2nOcang7tz+FiDPk3vazg+cTdPrpP+aevgzb3OocVlU1A7A\nJtcOHV7uOf4T1AxRxQOITYgOHjL6l89bV+F0AiCVZB+hiLY/JLveERv9Qf77\n4gwGvUPQ8WBWYOAUFF5dni7La9vUQOiyI2IYipox9d1A7ag5fz8xPIQRmcGl\nvzwwoSm3kRqx3rZS88tHMFWgiyag7lGWud/2qBhTQCunRXGdGPMdGhuiUEgA\nmdn9moBtf2aDrEx8KLkLFoqJqXpjkAOoc/E8GHKvmNt+jDP/AF+8M1lKhuXK\nL8kf0ti66oDXbqf85pqb/uLUx8VGKdGiDTC+EvjtKE/Qx3+P83R4HEosctne\nMC3o2Wfx+Ym62P8DSoCm7Vc0GCJ77Iwnhx+AMOG6ZKGZW/EyENx0fdjfW2T+\nay7IkZPmQ4TOlwNdnX/ipmuvMsR9fqILVX3DT+UN/SCxTd3IQURkx6KwgBBb\ntIwB7J06OQKnIMO7AumZawCRcxla3P68d8BtOsHbjEaAzErA/XCxEiR5kWAc\njjFxp+77II2b4N38AeLjcETdvPtS0SXP8XTd/R07AhAo47mijfmdzAZTMfJm\ndyNi\r\n=PQi9\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICHH3ylpZ+rxMq8THXVepNwJnujaWvzK4rQdPZMTCRIVAiEAt9opoOfS5GlISNPFQOlMklnpWPcWHE9yxpZGgHG6M/Q="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.1.1-dev.39_1614843836022_0.03904120790094989"},"_hasShrinkwrap":false},"0.1.1-dev.40":{"name":"@spaceone/design-system","version":"0.1.1-dev.40","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"./dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --name spaceone-design-system src/index.ts","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","build:style":"node build/style.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"dad8b511c9a0c4d4a66ff0015c58f7a8960267ce","_id":"@spaceone/design-system@0.1.1-dev.40","_nodeVersion":"12.21.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-yrfudhQAnItzbv7voLUDypJYw6rwjeJrWCVan6VqY2q2U0nWhJqz3qU1a1xT5FS3J5DrZMvD4hzS+eCBDrg1Og==","shasum":"abbbcb2d040f7bb2b960941d2d4f36214ab49d8c","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.1.1-dev.40.tgz","fileCount":1029,"unpackedSize":83898594,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgQP7UCRA9TVsSAnZWagAALoIP/23MbgiPPZeGv/Ykw5to\n9LI4JF0dQmYOhqVQRTAtTXda6myA0IBiRZrWR6YzkKymtYj6hsWjwTrWfxkk\ndA/oNPwRN3dMGLYXU4Q6J0pgjtWVh/N+R7YbRE7Nru9RIKY6pmYHvFrO+5mr\n0xFTG6IvLRp90hPGbMFgm3OA1g1gA1GqlpNN+4A4w5ZYkTjbeIO7Z+xSB73x\nweCAVaI89UC8oyIonoXnq+ftTbkOYEr+aYE4jgV294w8AmMbYcVjc68X9PzS\n0hzvcegN3jd8oczpSMdFMHx28lwNsqfKw0iZlrhpq5+lCU9icuKHEvYOOR7I\nSOdOPGPeWgL1sg/QHVaqSbFXFbgneMwfWYwlNmVZobjsez9HhEiBKC3K/uSo\nv8V9E2B/pTdjDMDSdC4ywxowCXSHGtXLQl5F8SPmIHlAKCcjVjrmh9E6MWxQ\nBxRCt6c/6Xx5Iwq3E6cTY5+XKH/QvUUrLvauyfwuTFzQyJO6LJ9DpVKFmImT\nh8FiOKa7YyDH1e7iZIIuhamcCKqWvMuiSAI1PY1cY6PMbrDuXTY4PF/EYwyI\nUFLrEKQ+EnvTTFLHUO8FovaeQ5sLvrOzT4qXxM/HZvavIkuvOYVevfdW7Gdm\ngQHrCwr0OdD4jZyLSn4Zx5xmfXAo2/7hOAPKjXdxMZLwqHwY8hqrVRQvlFRh\nXKaz\r\n=8Zqy\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDQ8oxuaTPcGBjQNHZJ+jkdTyPI11wqmWN9xDmHa2zoEQIgcfUgWGJlUkXww7et1z08qIt+8FpifISX6Rv/pMnPubk="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.1.1-dev.40_1614872275439_0.5247761921696787"},"_hasShrinkwrap":false},"0.1.1-dev.41":{"name":"@spaceone/design-system","version":"0.1.1-dev.41","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"./dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --name spaceone-design-system src/index.ts","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","build:style":"node build/style.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"fbf571142e560059e9a3af8d3c9252f8953b4693","_id":"@spaceone/design-system@0.1.1-dev.41","_nodeVersion":"12.21.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-P24Bf2KCs2hVlPj9qaKe+LUsfBrbt/xMe8xilvvcfs0ahLWa0+q0CSmHh9rvpbW8Z0rjnBH3Xliaolg5mxE8aA==","shasum":"2eed2ec8e3cea2a869078db2c43352ace980eb4c","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.1.1-dev.41.tgz","fileCount":1029,"unpackedSize":83899691,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgQgcdCRA9TVsSAnZWagAAIkIP/Ahnrm2UUiJAJkypv0EN\naRDo8yfFG19W/i7z1+76Cl2/waWN4JZlE1E0+Jfyhzu3c3n4GCHjhK+KOOF2\nWmWCPgNBahinuzp4lvtrdavT8f1npA8KAASq81PPkJMcQzmvjZhfudLhshoz\nDdHnb6HWw64Q/TZTAfMFr/3DTbeBxHvsuiPunm8Nc0c2PbnPbjwjEGJWOpdj\ndtO+2cfLG7Zt8pf1ob+z+8ONqC2Q75E+kkr716Scyv9qW8Kmznv1HPuak9SF\nCH88pqAPJ3g0QqXtbjucmHcJckJUKLFgKVLc6RoRhcx/nulKJkUgUGBM/j9E\nWTogyAgqcZFxc/DuVvciNAR9IL5BTpZ6hfo22AZYNUDLBuChQaWfkw3DCcE0\nikxLU0XFPlvnCgNIrTA4ifrNWcbRxtb3JX2k0oNDLqVdH6Pyh9xBhLnHdgkA\n2HfTGEx/JTB8MYcOALJSJZwCUzeEiFySdgeIasy0kyCdV5Y+0QG5pJ8pylXQ\nLnXlcMtVJQBGXCWAy3DHt9rBoHoqhgmQlGHX7xwsMJ+wXtvDMgsv9vXzWn9+\nVfXfkTczGkAEA4LV7CIMWf5Kd/z9Anb1ijqfgP+D2068vPEgYrNLZn9kqF09\nQ9ytEAbWdCeoTUmleoBLcPtT/BH+hGlK+c8mbEHjtLxUW0Y4qVt9QLsoJuiS\n0unB\r\n=ArPJ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDbjZ9jvTH773CtJk6oFjLYjgd+pPtBWGoC06zY8DJpkwIhAKc10ZA0bE0LeoRJHxZXAIxZLFXu5svumV9Z09T9KDb+"}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.1.1-dev.41_1614939932603_0.007285257272413359"},"_hasShrinkwrap":false},"0.1.1-dev.42":{"name":"@spaceone/design-system","version":"0.1.1-dev.42","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"./dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --name spaceone-design-system src/index.ts","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","build:style":"node build/style.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"147eb22de1b4dfacfd6d1dda2ca1ae65341efc95","_id":"@spaceone/design-system@0.1.1-dev.42","_nodeVersion":"12.21.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-63aruuDB3WPCuz2HWDW7Nh2/qdpEPT8q1LW2cuE1tFxYrua8TFU458XXMcJf9UF0GAaow4bTA58/lpJVKI6X7Q==","shasum":"665362c7b481355e651dd3470748235a5e71954b","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.1.1-dev.42.tgz","fileCount":1029,"unpackedSize":83903779,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgQg0lCRA9TVsSAnZWagAAN40P/jLT9zhLpStw3Phhvm9h\nruyyUYPFBeH0+TXLlX9Qeyekqdkq9vRCWHFxYk6FagtknlyGdl4z7Uq28u80\nL8O0Ec4+iNnPeTOclp8AY03PigtGC2xSEKU72+OoJM/Q4+IkuEc5dpSukkFW\nykBbe6kE7ILbst2zQzgiYw6AE9xFBWz4h5wR2tOVi1htcyTTJq8ha7Xpux0W\nhRLX8SJRxfIzoCLR2JntT8Hpd/2yICzCSYVewpAM8xEZuUJNIqmXV5yLZFf5\np9nkRmMADTcM/0s7TGmmhYGQNjO1K0JZ1QZ8ZR7tscFvRxXAcyo+ASWHnnzS\nRZsSTZcDdVCtUtgMMK4644eCvZbsv4XWYPXSvBUmJJ1BV3ZzYYohRJJ46LE8\n2eo8MVW25wRJE6hjiYzlRb1xhXJxaa/wIEmWTsDnr4Ar3JDIGgr3/AFKSTQc\n36elaDgQdPQ5WIlZgQzWlxDkvshjG6fxLaj8pV4H0dqiLG3/qTxf7YJd0q08\nyegV31KySLIgQsthRC546qEbkH2UHnFvWdwCwkdboLWYq383db71ybLz1qw1\nsG/gqnlfMciH/BksS26aBOWBuaynI6so05a34cu/st8mFsBhqiBnAt65YEdX\naBhR0G2lOycdBS2WQIF9t/DRkHX4ln7ESjKuSpXNMVRUTfp4LOYq/tEnMz47\ng3af\r\n=Ptg2\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHX5dQM9t7nNuIR4yS2u2lL3xxWUFAA+tUidstR0DFsHAiEA7WI917pUTWczrZjqDkI3HPn5pI8yQ+D31CZqHc+MJbs="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.1.1-dev.42_1614941476919_0.29135754022332994"},"_hasShrinkwrap":false},"0.1.1-dev.44":{"name":"@spaceone/design-system","version":"0.1.1-dev.44","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"./dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --name spaceone-design-system src/index.ts","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","build:style":"node build/style.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"bb66cde416e12a4a00f2638e5182855c6a69947d","_id":"@spaceone/design-system@0.1.1-dev.44","_nodeVersion":"12.21.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-P2eUEn0LuJ8je9HMTrvCw/KvGokAc9CoJJb6WEM+EdzyG9b06vsf2YNz8zd04fXWAktxx5n1skKqGFALT73kkg==","shasum":"dc75bc714231c90cec7fcbd378d445c3fd6a7951","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.1.1-dev.44.tgz","fileCount":1032,"unpackedSize":85368922,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgQ6/5CRA9TVsSAnZWagAA/IYP/2XjOo8GSqbCtRkca7TM\ntiADRxF9ZtJgJSsGfCL6IJvlo5eKOk/TMoi2KuJIFTF7jwvAlC+hGsG1lOYs\npw/0u1TjueUxrUd9FmTDKkr4zeASsYe8GzWjINz30efX6cWLoreJkNOKVBLH\njBqV8LwAJyAxGin527WwjK35r6NBnp6HEUC4SfGxyuOa69OZS3B0cSF4mKMs\nSytHxal8v/VRNMJEupVdYH1oUgeLAFDYrTNtacCJCp0YDW/rqC96N5cUX/AP\nxTmBlZ/HAq/T+RL02oQ0zAST7OYXi3NYOsnv+KcsHNfj3fN+G8dxS+IhHKOu\nKBBobKvCs1MKrEdnaebeet49ZNanbT7i7OQ6QHJ3lBblPxtMHGOrJtkaxrOy\n7TcfgXGW0IsKCdt8sQmc9hV4sObKf/+qeaZRYZyU7Rf25LH+cBTtjQnaHNaa\n8z2fRj8DBh6ovu4FbAz3FbLmpB3H+jEAL2j6q74XzSqtqb7warFw7L93pgQE\nR53T4GFLH0Lv5nsh8UMJgWXnlq1BELi4uTjdfYFttAdl61jscyDmRaCLcc5m\n+8eyB4EWV/PLy0Glmu0PtP6CDwhc+8JbalJRTnn+jYxdhV5HcxjEkAmpzwyI\nUaqsLT/O4JQFbbNd11Xw4438CMDwFGfX+dqaCTrsLUJN8wsL8trwqSW0ZI3w\n/B2i\r\n=FgDD\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD7vxcmwGVsikxkkVnF/zq76UF3ZqHMIYJqy5hf4+Y/KgIgGq/GDzl2qkji2EGHPPVwHWsRIuPW1GZDSsCwUfNIEN0="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.1.1-dev.44_1615048695694_0.6844567002526027"},"_hasShrinkwrap":false},"0.1.1-dev.45":{"name":"@spaceone/design-system","version":"0.1.1-dev.45","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"./dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --name spaceone-design-system src/index.ts","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","build:style":"node build/style.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"da29c03be3b09c79ba9b68383a1d21361e6c2189","_id":"@spaceone/design-system@0.1.1-dev.45","_nodeVersion":"12.21.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-vJJcFBJHU0ZVA1/qnSR1lDkceLbrFgQwL9xsntZAmFeN6jhnC20bt77yVdreuu8I5y8eeoJzgw1fT1tB+9DWuQ==","shasum":"79d89780918cc4e9eacf7a9c60875f078975ff50","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.1.1-dev.45.tgz","fileCount":1032,"unpackedSize":85368617,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgQ7y6CRA9TVsSAnZWagAAJEwP/jvNe0WFBBs9nNA2mUW1\n5cthZaYoKNFKm7g8mWRiawisp05N/oiOhsxlhTPNfnrDIZE6JgVZL2Q4H40p\nzxMMJRJJed/4tgittNkabGL5Dae8Y+v83bDzn1Qvvf3hLdS9UJPOxWoYrCYN\nZVbQ/sanOg3jlaFzaUWMMUymsgH2Zeasz6n8G77KeEioGj99txrMv21UhK6g\nvHy71zx5vtq7njJY3cCDZHUE+tFPvljWtYF2OAnugqLzzZrsmeE9CZlyZ51V\nhGLFA+pwhpLAhPMqw9+vLGeEyW+iBD//NtMwe0+jiP+41JNB1M5cVYCajeMK\naNfxFp/zEFw8GhifXyo6+uzJAjM6rxu94ewB4vlwgoeRwkepoct/FMpTODX6\nWv/WWE4nMWC1wCYXHP/ohvuE7dWjP9p8u2ybDZbnWBuo1XPW3PiHxD2qt7ti\n+ikMTZXWQg2JQyw5ahI0qImd9jKGOwYDc5SGdn3LcwQjBI8k16AIQFzWuKfW\nZtmCEYdYbsVy6vEdF2oBfRUeunsgg6i+daYU6woZNsF95yU96IhsGWRoOX2O\n61Yfow9ZbRzN8rryqbWhkRsDaghxoZRsCz32+OCCYeq46ZRdpAs0KkFopA8A\nvaMgj36kL7PFxH5YWKsEVGVoQFHNg7gQEirRTfa3hQ5V0lszye/s7wqy+WlN\nWotX\r\n=bNwI\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICyU/naj3hCgtp6aExEMqB96sTQLvS+at4XVR5e/KLjKAiEAltYrFYXNmhS1ys1Dl0k59CzeYZvPUNXFv2AQufLYvgY="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.1.1-dev.45_1615051961227_0.3695141685203531"},"_hasShrinkwrap":false},"0.1.1-dev.46":{"name":"@spaceone/design-system","version":"0.1.1-dev.46","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"./dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --name spaceone-design-system src/index.ts","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","build:style":"node build/style.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"f6a6ca8c67ebbdd1a95d3e027eb332d905e17b89","_id":"@spaceone/design-system@0.1.1-dev.46","_nodeVersion":"12.21.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-Ljq9rKtpZVyf/ZQdK/qYu//O1iVA9iHHxdBfyB24NUSlT09U2Rbr20QqjjKwnmC6Q+SmJjocoNHvZpzEgIxJXA==","shasum":"52a0250346b91cc39fd6af08bfa3e11755dedb79","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.1.1-dev.46.tgz","fileCount":1032,"unpackedSize":85376684,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgRhYxCRA9TVsSAnZWagAA5zsP/3NJX1dJGy1Ml7E8zhXE\nvJvj3HPWNjq0JptqghiZGyNfs+KyB5z5TvlhiehX68munFkmJCa180oXv/pX\niUoHacO8JIVSEfgmaMclO6a/Ep+Ofhpenc2RP3TUd90xreFwKGLC0N1NvGvQ\n/0PXjdpi648GSNNQDYmLt+Ebe9INg96NdYNWPQu8gDjbnbjw9beYyZ6+KrS5\noGx7fx7t76WsZf5H0/tQ6xDotWR64xUDmY7BJp6dl301NG2tsXR+e8YYXoG0\n4pNvBxBf/RTs8+6Dxm4RnlHWbA4sCN5DsM49eVKGG2zqNstV0ibxXRFtu/O/\nrAEtZMdNBrfC+YbXReV9/P3N9P9zn6Q87eJpj1ZSJTQe0U5kz5MUuPvQUNk4\nq/SYGTmLNKPNUfqck3dfUhTjyPLcWXIymiCJhP3l+1ok5BnoP76BqaFHYSl1\nV1nop/3FDUV/lcms4fJbUdeKuNYIFOYhJargUBY4J5960SW19dLVuH3j5ZQ5\nxBE+cc+fAcN3Em21juDEcJR2TIP01fsm5WXadV+hIae7j5JBhb1ZX6/9iN7u\nvt32eM5WqpQ+5wvlnEDOsxsr3FD1luls5/ifIXTH24teK53j0nSZv73iFCRZ\nuHGl2Ai4mnfv+n69asxwm138JODGPXqRDFOQ6kuhZbkuZV1hbZvNQUlq2dJR\ndbUN\r\n=SBE0\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFPVeECirD1uotIuWX3hq8dQ62S/DKfk3Q/ww3E4UKFCAiEA10k2bRO9XJC10bHJtqZswI/dGhEmG6lHiIBZ8JotQUc="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.1.1-dev.46_1615205936339_0.8310335357216445"},"_hasShrinkwrap":false},"0.1.1-dev.47":{"name":"@spaceone/design-system","version":"0.1.1-dev.47","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"./dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --name spaceone-design-system src/index.ts","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","build:style":"node build/style.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"9b429bb1faf85da77b1545dff3df5821917fdbc7","_id":"@spaceone/design-system@0.1.1-dev.47","_nodeVersion":"12.21.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-7YlJHZBajW8o0LKLmTrP3y2T1nzPFPTJAtScRx8EZlqF78FJT2hilwMFlgCwinBXMLelGlSg/pt23vIAqQo4Eg==","shasum":"035ae3cdf120f9acd146b9fab42c42162ade697e","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.1.1-dev.47.tgz","fileCount":1032,"unpackedSize":85377046,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgRh53CRA9TVsSAnZWagAAyjcP/3sDmzqk1+zXkoNqlT46\nHgzHy5YPONAAZuvMxs+xzrc6R2FMhVrCrGaZRY3QaAJSeG8+KH8Ax94C7ITs\nG483sLeyOQ0124/ob1ojjnyBrdKzz8LHrByukUGRUuWxwcxYGu1IBz2UJ407\nN741mVl0yE8wKubAyTuFnm+Zziv0ZzJgmK0GMUfjYfCkDQMjMeh0z7w0m+ng\nJyWE9UUxGwUqPwk2jvrsCyCfmzaP2jLKd/OWcsltfqC4rRWiaP5SzXlOy5Ak\nwgulHTxenToBwUSgnD6ogLUlcQUD3hQLjjmc1IdMS7Rc5ZoXeGqf10wNkrf1\n8SafJAnkXa309UZqezUtI4Ug/jxJiO7YwxD9xD/fdjkAVRn2QqkRQPbPElcr\n1z0EkyKckkiSFR2d/2DWm5MWosZGZOZvSWLhQG5KORr6IgP4JcsGMTYMm6RO\n0cVvptC/vNe1Ae7j3e3mRrGF6UU37dMdHoXuui4T9qWyl/R/xMKyhXFtEKxN\nlrWyctX8ldgzczx5ox0a02i7YTGeA0xrudDLzxahr5/Zn+gWesq+0KA/7D6K\nR1Ybcc4rsyD3vxo2fYYyEb9BvMghuXDzeEaxrkTI87YmHBYTvU5KqEP6Yj0x\nsVHkCSuXqWT2V4/nyy/MYQreB1HqdMn7IXH1ajHWF+LFMi4PUj7qexYsjxjh\nMTOw\r\n=qAfC\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIB/nPPMcL9vZBKTLz952V7CnaIOZfBHrMkeINPnYUz9lAiBUCyLlHQmzLLyJlw9aZxlb+3LcyQSCkXbbjkSk1Fg1GQ=="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.1.1-dev.47_1615208054296_0.472121643058679"},"_hasShrinkwrap":false},"0.1.1-dev.48":{"name":"@spaceone/design-system","version":"0.1.1-dev.48","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"./dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --name spaceone-design-system src/index.ts","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","build:style":"node build/style.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"63ffab76f2a0cd39a150ddc0b22761ce7230b47a","_id":"@spaceone/design-system@0.1.1-dev.48","_nodeVersion":"12.21.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-2sUWK9a9Jp5Y4I34ZSZolMxy46g7o3xC1jkHv4sD+dk+PoxvNK+Fw3KFnbxqAA2RMRpWDqcUdAUjYwvWBHrAvg==","shasum":"d021d11cf375f7b1e5748bc1e893922eb6afe41c","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.1.1-dev.48.tgz","fileCount":1032,"unpackedSize":85377058,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgRjPpCRA9TVsSAnZWagAAXc0P/ibSiLAOJ/v2rywN71tt\ndwhTZ4HJFsNQADOBM4qHfcyWGXFaRSbYP6Cwo/eXxxCnxKkO0RxowPeTyvCK\n49bJTHC436dicdLMb8kbQl9Q7tVZ2eykeQlrLSzpfud2TNyj9J+oF8JeFNRn\nZBAzmnCHTRySJ1QZd046jIMilK0XQl/sMLzNtuh9W6/3m0JyUN3r56MalMv0\nI5auN/SEkRxA8FQlAwwPxYnFFwDCUCh95uRC5sT/z542jCM4VaotjD/hezUE\nwrRkHH7DkS0TYD1f/LtY7F3yQelOhqknX4TIF3kKoR1vEmhiBUPH7k0ODhws\n6ep7fqyvDMiJMvLfuv/7KdlW6LzPOatTKt95g+xGhbKo+NN4aV62K+zTe9LO\nZW8wLKACcoucJAveeHPeBTN2doWwjLp2UvbEDzpH84dM8IMjOEQEuhvX26e9\nmkAm7oj0bPnjOTtM2qhSoJ0PulXnbPSTYNjVqquqkRT8wPx3uaMZ0xoG/QV4\nGaV5mtdvIs/b4/XF8rWk1reBemMPsXTJsAdHMsTr0UAplFOgmvcVsZep6KGd\ntrqGmQ7LUMkvEjgva9J/onIbkUYE2ad+sYWcAPV92LmbWgYHJxiWk1hahSk0\nBwg3N9oVaNFJYfRqhBF9SD9otxU4z5VAjtTcDnRQcvIykL4Yp7prUL5FZH/G\nYkKW\r\n=JvWs\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBzwakqFI7jfnJtE1Wu9lzOAQ6Tz+uEV3CkTUVwLwensAiAPL4BvgEn7ya4khK0iiIgO6MZh0neJvz6Sve+7dESJpg=="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.1.1-dev.48_1615213544149_0.01933295638802668"},"_hasShrinkwrap":false},"0.1.1-dev.49":{"name":"@spaceone/design-system","version":"0.1.1-dev.49","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"./dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --name spaceone-design-system src/index.ts","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","build:style":"node build/style.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"78b0be965abd0bde8fd1d6d45f9c0de330d1c6c6","_id":"@spaceone/design-system@0.1.1-dev.49","_nodeVersion":"12.21.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-qmva3xpNPiLkTlg//q4qw0+Skr2ypKZbX+qg7Ww3A3W+Q+UAeqmd+49wP1vc9tY5qnp0ENSJUz3KUUUtdQhrGg==","shasum":"1ed7b6bf022aa65a04cb91c075dfec5b362c7aa4","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.1.1-dev.49.tgz","fileCount":1032,"unpackedSize":85379506,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgRt1fCRA9TVsSAnZWagAA108P/31IKPgfpc9ojeW6ozAY\ny9Br62Zp8/YdgALb/LpYFRZKwW9RC5buXjv0D5y7KzalZ6ujn5qE+V9NbjHK\n+IDufXQhCuTn6TNjK9ehUQsanmTF1AnpZroBYnIU9sE8XdA9Hq/EyLtPtqDk\niwNUJ6TJh68/TTQ4bysTznspJVDf7NK8T1IvoeCaR27YuP1OWEcJaXaHhxBH\nySA4amI8nQuBQPyNVGv6f6a8diHFPPqnYmguZUInpmM8vAX8fiHCT9bG+ZYq\nNHHu1TxbI/itd0nj/Yj8cfaf5MnGO0SNz6I3k+KKw698mohwBFySmP5UZGs3\nPc2tOmEWeKWdjuXdWJn3OgOYIf7b6+TjBxoo9F5uVLb43qk7TFlbqaCbbFs4\nQQEFaaPHBCZ7gnITyMEO/KsHc6vZFugQxm6as3g+JIImzcMGQRB+G5Wk2WyD\nB9nVwP9UTOUyttakIjt7RDVAcnLkp2L8Akst6m19rbJPRF0n/4jbP2cdg0fj\ngdkBWEnsRtl2BRK2XcP/afFMIWM2xMgg034ozfqvnyAzml4Vg5qXU1dISF1A\njNB71DavKNmFaWpFWmU5cmV7+REh1VTJ1RH8k6hqlGMZ1xA3zsCFq47CdQtB\nUGNGCuXGhnijzISm51AbMj5quyeYAoxJTs4ssKMcOW6umx5K40CxhXLDKIK0\npqrA\r\n=8qpy\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD7TX4qLOwRQyMzuqpylAtBs9KG7z3eVOTMqEuJvjGYUgIgcFPo9oC8NFQD+DoQY7JJjBJtsPgiQEsQarBSxqKgGhc="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.1.1-dev.49_1615256926219_0.5429354874248771"},"_hasShrinkwrap":false},"0.1.1-dev.50":{"name":"@spaceone/design-system","version":"0.1.1-dev.50","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"./dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --name spaceone-design-system src/index.ts","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","build:style":"node build/style.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"4b9dbe474ecbbf6015dc1b6c9216f38926a16a61","_id":"@spaceone/design-system@0.1.1-dev.50","_nodeVersion":"12.21.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-zrlWJcyg5NEez4bYYpQ+yHP97NqD/YL/r9z3lBk+xnVJPQZAC9dYQS9uJbeQlKRBIZ4BMh3y9ASImI6gH85v3Q==","shasum":"c3ab40e1903fff835a1f4af57a3c88bf8e580c81","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.1.1-dev.50.tgz","fileCount":1032,"unpackedSize":85379588,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgRwGfCRA9TVsSAnZWagAA2BsP/1diB6QK8FN5rmAyIv1G\nyxoChKWPSjhwk0cS+yeu1fiMW1e0SxAfCm1eKvwEk0Be5ZG5/gtP0JZoEagV\n5GJ0U234KbxLZXbA/z/NfTzQmfPF2xyUeqWqpgl4FUx3//TqKyU+sq3BFmqi\nCIA/WiAnUskqrjlvERQ1QJC27KubbI8QVkDu7dtGOTmcfKxgtJKP/FsIYI+T\n3Y4QwyYXboPiGuFQG5seQ3ssl1+op0MTYcr2CDsZMkCvolP/gKWv4QW3Gw2O\na2jmwp4TWqaWe1+efbc1dPo3dq+UZacEtG3MjbWTgkCM8CIeJuZXJGWb8wPo\n6wfcKYQPcvoj2+4IuDkKj6dPxqXooqSEsVHnZDIJdOqA5mx+TCmi9uXSe3dL\nOSR9V50hUJLSIy3F+q/Ulm3YcmpbTJxVRRYAW4a9YcNmPwRF65WZDbV/VPz0\nTbUyDcYIgTvJG2+/QDS2O5O7YZg52s6erOxpBxJAOvKaBhawnSgdy3K8TnP/\nxjB0AtpMpoJw0oHS4bDGL4Ua0lsrBGw+EyET0y4/b/6dIal/C5jf1BjFQRPY\nMmVQPelwJefXb9STW7bEyZpeu+fcGGenesHe4KsQsdtxPvDizySATInbNemH\nj81FB9AcUokUe6d1k1/Sn8RxpiHtvGpLJdU1Ki33jsZpVSeCK0W/WeQwx8rf\n2nMY\r\n=2S1o\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDEU8cU6GzkXtQjb3Q1RzjE5yjnz8zdQXEDeqhS5tgJjQIhANIw2Fz4xm0OyYyziIvKPD6zroV5PPhwyfNWAGhsnp4H"}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.1.1-dev.50_1615266206714_0.5658766001289255"},"_hasShrinkwrap":false},"0.1.1-dev.51":{"name":"@spaceone/design-system","version":"0.1.1-dev.51","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"./dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --name spaceone-design-system src/index.ts","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","build:style":"node build/style.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"f86f1797d01ace9da7a31b44407e1f598e594ac5","_id":"@spaceone/design-system@0.1.1-dev.51","_nodeVersion":"12.21.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-1GFuX0nvf966w/JH2Up9nB9ELo5Hzn3gl9BUevthMjHeTeD1ESar06z+W3zSBIVVxd451pxCxI6uIIZQO2c0yA==","shasum":"33322d966aa723925325e315887cbec89993984d","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.1.1-dev.51.tgz","fileCount":1032,"unpackedSize":85382619,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgRwp9CRA9TVsSAnZWagAARTkP/3pJo/MKX1r49/GXCABZ\ntrlkG8ddbU91L4yWDSiB9OHVWoLOGb7hjOQL1ABJSyZ4WiSfjkOjYGvRsmIL\n87LhtagetwsqV+M8D3u8ItK3OK1Q3YEp3twVfcnZ3XQh9ItElKDIit9Hoazw\nhXHq5rmOkBLOCPZykwbHwn520tZokTq1A2aIGSx7K8GdhkzRdX3YllhZp5Ah\n8bBTRWD8WbaBIqWhUpfisR65Rb4/Fz2dd/xzPIfhhnwNsgRWeJmZtU8XypLb\nSbCPTHIZlW8qcekELA9U7lEy0eUM+/kGPbndwxkHTe+EjL6G9kxsWNDKJZaX\n6gw4I14/zQ0mystGmhDXbeBBC3m0WO9Us2tRrwbUurObctZ3C26+deeZIsWX\nGlrkevwPaPf3qlx86PP2NQGP9pbys8tdbwFwvTpiAvaulxn5zBkxMwBS01Wk\nwLLboZ/81d9TkoNo8IHuq5RWRFmWZZBaFd9usVaZYdokGwacFMLc8Cku2iWY\n+rjr9ztAWAnnYhVKWRqNYkWzVd3AHtFSreZ7T+0AN9c/vx4ekCx4ytoDPMY+\nrUSAKI8rRkwnCSUJf+lok688E6sd26B5SBWNBoTIC2dS08qjb0+RYyk9d5QT\no93idR/e4wY5794QXCfAJvy2vu9TXFRpFvtxCeqU0FAw8kv1MW9hiKZ4mhcO\ncGrz\r\n=UZDB\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDLINF7hNBnm9MQeK4UxkDZ4xckHFTHjBUS0U0DWEv0ygIhAO2Q3woDEx597hkGGnBrxmeHEAOapcxl/0bXSZs9z8BO"}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.1.1-dev.51_1615268476836_0.3311366455289444"},"_hasShrinkwrap":false},"0.1.1-dev.52":{"name":"@spaceone/design-system","version":"0.1.1-dev.52","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"./dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --name spaceone-design-system src/index.ts","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","build:style":"node build/style.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"8b1fa5dd731d7ecf85bf723056ad360fa47db9c9","_id":"@spaceone/design-system@0.1.1-dev.52","_nodeVersion":"12.21.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-Qc+FTFqLKspKJU5Y54p8Q745/lKkjiKh7FC8+MrXvx8ShRqQ+4Ma2SqmmX36Jbx1IO2fwaodDRH1dVm2IFKE3w==","shasum":"ff9aa98133f1cc83556113e094440d2bb72685d8","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.1.1-dev.52.tgz","fileCount":1032,"unpackedSize":85383456,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgRx7gCRA9TVsSAnZWagAABv4P/3/WANgf+AnWkrl5Qfim\n2mdkvB0Qcd8YmyKLGiNguwYejBHwVuKy1O4sVr3AfpJ23g2WwaRyLTdtb2/X\nKC+4ygMEA4se/DivGVMxnQLSlQU9/2BGBnBc5984FvHDalcJ7qdLBsuDzEX1\nVCztnHoyscQDU9GECyfZrCNrWdjHL6mCqdlcTEYao5wuCyYybl5v0cYlC54H\nDxSQGf88FIIoXqL0pWY72YZNdVGRhWUX9SNHcPqckX+rh8D5NJ5otI2AWUqD\nSoRgAnSds6sqA9bj6tNXrJs/yE6IEi7yi/To4ph231N02i9uH7OQwrdaNIkI\nbtxWeL4ZAj52kxFodV8DcXKckwaopZVl8OrD7IS5MmQCvpi0r4kwn/QI/y5b\nGf9WdHQB1jbtFPXknM+9GPgXCBbUjsn5Cw6JjooSeks6RUgoQYPn/NtHEtwl\nj9jnHvQkKhc+VrmYu+pxtPZpls0Z9/a4eTOagrDDTS2OzYOKjYdZtyFMCymB\n+9qeVHSzQMPwZniVSg0Vvjth+dvhtCyYCmfZNbP0YmHmPj+TbFq2BJxaJHm4\nh8fEvFIvaFG0N1vFtEVeKNidaWP/Eh+xVnyriR6Z9daxH51KbJu5mNWTDuZH\nJhDm9bEPABPcTPKMJMAgX8sFegOZesznrsbsnSZf+SwN5Lr13zQ+WMrkU82M\nsEoW\r\n=hOyQ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBH+Nejxq6PH94vXi44AX2MHFRq9PBkxdI972KeNVUBvAiBg0DtKjliRex6EsBNYqCDP6zflF3vLbItXjCP/VvNUDw=="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.1.1-dev.52_1615273695569_0.6021229021295931"},"_hasShrinkwrap":false},"0.1.1-dev.53":{"name":"@spaceone/design-system","version":"0.1.1-dev.53","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"./dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --name spaceone-design-system src/index.ts","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","build:style":"node build/style.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"7f68c7022dd272038e40f0c09706ecef9cd8da0c","_id":"@spaceone/design-system@0.1.1-dev.53","_nodeVersion":"12.21.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-Wt9t5avXtxDWP9a9VbvXrWqTNZEP7EVQZwiiNYaRUra79XM+ycPsomHU//u6vbhfq4J0nJ79Fs9IZHrL3oLx6Q==","shasum":"4f4bfa16e7b58b153e129926ce19cb6f5276f0df","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.1.1-dev.53.tgz","fileCount":1032,"unpackedSize":85426110,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgSHEFCRA9TVsSAnZWagAA4H0QAJSUIa1TYBxS3PmYOgmP\njLefWZgVqdf0Xjoa0TDEFGKn5TwB5hVIbB+PaWSBdovAeGIXkw+CbcQ4m37T\nSacVJro0TWKodskGzwACVXPrRr4x2jvBG20KzSIDTgg8c2sFtqCSnxIsyyMv\nYA91lcxEAmmaBl7FTYEGlZAwweCrrdZUznOweL0+9bxTbrbuFQRrv4BaHJbA\nkAGV3wk40plIj5xqg2wo5LCUA0bo6pwyuQyUfv2OaDGMO4R1r90CntSTV1DD\nw/X2doXtd3uglITdE0xTFkPNiJ6/hu+9ZPsB0ZwpEJfJ2PVNwCHwxXqgrnT8\nwFwOOGE0RDPWQJ+T8+/p3vyWW9mOjYGYfO0VMzYqO1UqgKpgH7qdWcqYteLe\nCc3ZqzHS5LQMgl8wa80s1iXQEC5j+3BcM52hfdLSsESlG7cT8mGYf8xItC5x\nJApkvKaoo8JeXs5eIE18g2PifFaXDs2suE3aHWS8eDXfuqjPsY6OLIbuALNX\nQKg00GwfQGhw0SiPAUj/bz0HmT1O4MwXWUOO1BmZFtuhFjxwvhjhDPJGHZ4c\nlWX2IDhC0qUIivJuLrp4YgQIpR7EcDnq3NaDlaSRFvPAhpiuqs8p1e/Z2CpK\ne6vzrzPfNY7zBTQQGpyswJZpcspjjdPcb0iDdhrMkXd2vsvquBLZabk9VfJI\ns/Zv\r\n=VSuM\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICg4eq4WVxQASfdRcFneiaKmOI1SDQRu7P9i/iwO23mZAiEAjb+iDqUc0cOjcoEoj0IfDOSdgPVWhODhdmEKGeZu8/s="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.1.1-dev.53_1615360260690_0.8825686807822277"},"_hasShrinkwrap":false},"0.1.1-dev.54":{"name":"@spaceone/design-system","version":"0.1.1-dev.54","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"./dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --name spaceone-design-system src/index.ts","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","build:style":"node build/style.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"6ca62a11308a7eeb8d83f952feeb52c435d40418","_id":"@spaceone/design-system@0.1.1-dev.54","_nodeVersion":"12.21.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-XQ5XdvR7i+S+3s1Ic8GKhGXnH4QvvE9yuaWv3ApZU7Qrif//IW+phnCfnovts0B8xuplRRj7q9BFa/HH1oEJNQ==","shasum":"718c0e894b464c61b7a4623cc7ea25256678f6ae","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.1.1-dev.54.tgz","fileCount":1032,"unpackedSize":85426087,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgSHWACRA9TVsSAnZWagAAIZAQAI4s94gMRGDZnQQF3amq\n5mfygRIaeF2xgvJirCOb2Z0gMZ089eRGUgZfVAHusXuv+vODexw8DZAdJTFS\nIp7fMvkAE9VqWGYkCJkwO4bquviOxSZ6Mp+P634t/OPtu+vQIG31f3GJ1oix\npApWDc/94FaVHOUJu6r31KshWzrt89SqiCyDh0l6XTLFFfYOOahVT8NexAyZ\n/5+8oJXqH6UNuHsoQai1APgTjQmxfr6VvdOiOsq9MOz9EGVQi+jJJbCGGy74\niCouey0WXlL3J8oj5l4wfu+Nmgb8WMRzfxwooDnITOngn0SxfZ2o0Tdu1D4Z\nxvv5JCgVsjO2F9hMbJUFZpPIBm+O1wkPNnTYc1nu86xJ4gCbC3PmcMWCoNVd\nTYZEejgY6ErcgtCMA+t1XWcDYMz0RcM4C5XGqBEknUg/f9QZLt2AF2rliez9\nLMI5XsLHpjCCmDaglfRlHAva1pQGV0dOXYrf1Yx/6uR/HTg8Zq7FXnFKSU/i\noH+2FueiV2lXlCjXHgyUnTT1eIt4nnmM8G9P2EgUUqBSwaQO2H/H55JRuDn+\ny85XMMBKkqwbWT3RwUlx7Vw0GSLCtikPtnkcD6zoS0tjmMPe6Oh99gfnyJkX\nQS2UeA2duoxFYLhPJs1DT2I/qjGwtDhHBxt1DJ1FEJOfM9qWP5CqAA68pXPY\nhcG8\r\n=BKsG\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIB5pVkwtxARm1gzBp97QcpLXalbONrTwcGV89lxgBpfUAiEAs6bwBF8Hq8HkypfvCWPxlJfWrHIG8nedLCZQWcpZPbg="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.1.1-dev.54_1615361407104_0.6460996217223909"},"_hasShrinkwrap":false},"0.1.1-dev.55":{"name":"@spaceone/design-system","version":"0.1.1-dev.55","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"./dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --name spaceone-design-system src/index.ts","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","build:style":"node build/style.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"3b8a30c372280a08377e9acfc0c24009e3dc4e1d","_id":"@spaceone/design-system@0.1.1-dev.55","_nodeVersion":"12.21.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-Kf3KUalhi0+GYWBh8CXqoiMWvFSYz74cSA/CYuQ6dM5izW2lJl5WKFzjFijZD/AkD4hPDJVnpyJOFmSYmVmnFg==","shasum":"dc842829a34d3bf2879ffee983a3bec77b02c9f3","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.1.1-dev.55.tgz","fileCount":1032,"unpackedSize":85426277,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgSH4zCRA9TVsSAnZWagAAGdcP/2IEf0Tyfd/jNnSlvx1o\n3/7wDdlv5DGK3JXBu6ZT16UaXGNGfrv/ReOoA43h5mxFsYISpgLkuaf9s+jq\n1ykyddNzVpU5XCuSpX5+A1Y5upquk9Brrq3wj2EkUX1Ri6CSFN9+7jIb87Ta\npvp6gG7v2J5dJfayIfp7e6GSmspfccBzO/Rm5b5GnEgocxwKDcd++KZCRu08\nEXdusuUueYTUHPUd7zpfeU+C7qd24NEj067YYW1iNBeFj30eAS+PxrmenRB9\nHYqjfyyLXVe5mAb44kfMyomCtmuRnsR6dvgLkO7hDVCpglIQh2CPeRhMq4C5\nAXOSQMIiHI2R9VPxqyLNLU6iQ8JxEMiOspHCWEkhB8pBW3s1lsrdfycHM4Oa\ngfEtAp4gJz9vc+7FIj1J4Q6MS4yIFiYzrZKSUsemaL4Mlc08K7kfkFUb0bVs\n0NT7OMxJdbU8zLvuTLCUmbZeR+Y7sAR4ioSsW+10w4vfg0PQLGTPNSqQ3u3/\nquuDUqJR23+n2+jV8fnyj5UWKmgSMisJw0HonUhGmxQJrLnPd5jQILDnV40a\nJTk+m10KnwzN/ZDHeE60h+FVH6VoRlnJaJjPWEUZHo8HKqF16PI3USIr9azr\nr6Mxm52fsHxY8xA++xiwDm5qA82Gs/pmWvdYN3AQnC+VT4aHNbZLNBP4u++8\nD9ij\r\n=YPPD\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCZwS1HF0c1qyqA531ZApeewghHaePlFCC/I66Q/9nY9QIhAPtqqhBh3yVlGA66RUi7POLx6ea+oudIIuVpGK3wvlbl"}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.1.1-dev.55_1615363634399_0.8057186048898435"},"_hasShrinkwrap":false},"0.1.1-dev.56":{"name":"@spaceone/design-system","version":"0.1.1-dev.56","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"./dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --name spaceone-design-system src/index.ts","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","build:style":"node build/style.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"b057a9212a570a025d6975b82d0279142de2dc1b","_id":"@spaceone/design-system@0.1.1-dev.56","_nodeVersion":"12.21.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-wXoAfSi/hOeHy9JeQOEnJpfclM8e0mQRjFCi7Ii94E49NIC5UPrImDh0IY4IsLxFk8uAXJSG26ewtWnqC97jKA==","shasum":"a8bf0ae38cae8d6e5dbe4085b76bc66a44d5a9aa","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.1.1-dev.56.tgz","fileCount":1032,"unpackedSize":85426301,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgSIY5CRA9TVsSAnZWagAAWjAP/R/tXiOLlh/3AA/YR05M\no+e6Ma+82sFAzlC5cZbsB6zsYmJ9nVXCAbaoJ26RZaBEFHBTnHQ2qzzvXuVE\nxGiTM18uUfYiZGtK980JU6D/KNe8y3MFHdGWqRAfcdfc2rlTnShdROm3QmB5\ndkokj1KlwmzaNuKgba+syiNT137T6vzwPW6macZS6VTTcBQjEzmE9xHpSJEb\n0CsINadHm8tQg3zXDILHBCQLaoQz4sf5mUIrdtGnscsC/IdmFv+bM2qlSQLK\nXeeJkrmOLIL9Doz09OwtNONsWIzlF197vTL5TTHO0AaP2NXJk6umcrDer/ok\n/kT40pu8GF+WEMNzdOPbhFc9e/dFoORHfMn0gJRc2qxNaGWunv/jZ5Op1A9y\n5zWtttYACJ1YOvqlr19Amg6TzL3MEOV8Kt8M8nfh9r8TBL4iCXklakyTwEvA\nKzvpSIZHe8RtgAN51GnuFHLOCigLJhPSlKhEhF8eWXnpwA83nXeg/MHFlNwH\nycyOMop0YGDXUYK7D7skUHl/KBuyMTz75g3fQlTXEcLhdKdqObi2+5bBnVOt\n2H5J4s5puEPN5WRTS/knUWNTQZ7s3ThXqaS4rC4UWWmPCdxBbCsAscJ5NHoW\nS/YVV85bnw4l9ZoaPYjk6uZfkFwcA388YCislb00Bs6dGhnB4uZ/XMc8zUhi\nND3A\r\n=Qsk0\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD27uu7/BzUs2H8uKC/A+w+2ra8OyCdpZKCSxxebd9hRAIhAOOLKKsA/WO6rjhxvNTtjQqBpYxYAeNSeyoRvExk9rGI"}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.1.1-dev.56_1615365687784_0.011452798094190975"},"_hasShrinkwrap":false},"0.1.1-dev.57":{"name":"@spaceone/design-system","version":"0.1.1-dev.57","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"./dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --name spaceone-design-system src/index.ts","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","build:style":"node build/style.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"6eb61152e79ac3e48ebd1d1d652956e381f4767b","_id":"@spaceone/design-system@0.1.1-dev.57","_nodeVersion":"12.21.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-ok//EncUP90cJj7u8cs4FJ0aOoFMViBGh5FEJHzZGybk7DWrUaQq8fBTD52IyDbYetH8gSLq+Q3Tj2n9edchAA==","shasum":"a320b6243c6112b2f6441dfada69752ef004c405","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.1.1-dev.57.tgz","fileCount":1034,"unpackedSize":85433222,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgSaFvCRA9TVsSAnZWagAANGYP/1Nzsq7n07OL91N86Ll0\n1+n6MnTI4msH732XdHN1l6/vyieYwxEPyHKYEv469ggXvhJuH8uhKGLOJAYF\n/hRAScqCTuzfeXW2bzeYop7WDlt20aTQvOkwupTZP3DFiH2Acv/TCFoCyUTm\n12UR5diIyNBcZo85iRV0hJpo3r9ZnvmusbRgXymZMvN5htg51WI20iRNGt69\nsWv5L+A+q2IR5eTFczYbR/49O+B/0qYSHTmksyvURHWO9NBRJS1IIkP+UCAN\nnJfFwQ+gCtSiX5O7EF+Dj/Hu5C/5HeYT0QsI74LZeq8GQKlTPp90ldNTNPMc\nWRWBDo/QIgf7F25cKa8hM+sxJZJUyPVp8aS03oJr/Jk30lGscH7XEKz6G8RZ\nvqVXFL6u9jCjTUeZVyzyammAhLp+/70E11wA5720qKfKoR5IWehim+UTZkuK\n2JZtMmJI0O+nEzsyvDk62rClg4r7EgmZDnqummAWJFlxt6NYkYgTl4SrdWp6\nT/vbuTehX94BSjASwiofurN07YnXO1d16bda/MN7o8PUCA/HChCdGv72cD7t\nKDvAUBbiQ3CqNer2WMVAEwVpStLQauPz1+svmwhxC2PughQxPBFculdjR8CP\nq9RhNjQbjV2Gw/bu+W8vzWcClrbk89eU5zh4lx6x+FPw/O8oRl5x/J7RuRBC\nPa16\r\n=ZC9K\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDqxSLSshLB+vDOjkskNTZYnHPAy6JoMLbbaNEphMVbwwIgfdW8tgwpt+mHOlNu4CUq64WUBnV+gvPL6IiTFbTLNyA="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.1.1-dev.57_1615438190416_0.937516578544134"},"_hasShrinkwrap":false},"0.1.1-dev.59":{"name":"@spaceone/design-system","version":"0.1.1-dev.59","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"./dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --name spaceone-design-system src/index.ts","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","build:style":"node build/style.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"f0ca9c8fc361be710ca90da1d06874ca7897df66","_id":"@spaceone/design-system@0.1.1-dev.59","_nodeVersion":"12.21.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-Lqkwq/ySmu55q32gWeNDqCmbTdsCGGh7xTF+wDozKUdEAASkvaxFdT5cWCSggE4vvmynj5R7maDKoYzIzpHDiA==","shasum":"0b4a75f03e2b0b8f89ffb2246fc70fdcf67fa6f4","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.1.1-dev.59.tgz","fileCount":1040,"unpackedSize":85643990,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgSsGlCRA9TVsSAnZWagAAXPwQAIIW2FT6xO0/T86zxbez\n2q3VbV3cY0cnCqIPiYCvnLb2pveLAW0Cn+fB2qYhxpQHBd4s9twvorKEKwTa\nV0lFfF1x0ZEwW3HPFpVov+m9QADVnSCGKv6SpOY/CyCghUfMcMUxLWaxQkyQ\nrt9lV6XElIM2mx8vJi7cCe56/VHVfLhn8xSn2fnP0nd1PLiJurcS4Shov6Hh\nVdn6wqMRu5x1BYFQ3/EUWdpmJwkoJkyxlUG9DFcdqM6iCP27RVATxCCfSBl/\nY437Jbsor0+hCaHv12eoZTqrAjf4IOuBB+bKUBvGYtdTpnnvS5V86VbJvCUT\n9PaXAqqBgmpU+9XjQJhNRWanXRUhP4yzozilpT4yMhqwp7BUxlAKuCyXbZNg\nbfQ6Vj19TrMSuG8UO7kgarqZQp44rxaM8Vl9+6791eaT9/KrZuE/nnv6hN+M\nHc0w5Fe90JIVv40mQMHFns2Nw3D/sjwKdIy1kresoLtQlPeYsMgd3GtJHdhk\nU8Zxw3gWTcEYh/QeASXEEm0a6ggoCNbR1BTul/2y3zN0rgL2+8YtU8XBP14l\n/Pplg+UZS9JmecyV309PK1z4iavsCgDYN9Y7xyVpOY9R2imFgOiBtNnzaoow\nhgmlMc+snpzDxBZsLZnPMl2FnnpdMeB7hY7Y94MVIVa6qrn7NQDUS/yDn/og\nfvJC\r\n=36vC\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCzcyFbfLDEz1VdeOSp1CMzWZGe8Sljk1k6anjApyPdpgIhAOt98sezkN7pJtUNNaCw4hyqs9nHSgsqq2+56LH/Kyfa"}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.1.1-dev.59_1615511972806_0.9615756492029115"},"_hasShrinkwrap":false},"0.1.1-dev.60":{"name":"@spaceone/design-system","version":"0.1.1-dev.60","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"./dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --name spaceone-design-system src/index.ts","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","build:style":"node build/style.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"b4308cc690dc99fd3284ecade823ab08eafe337b","_id":"@spaceone/design-system@0.1.1-dev.60","_nodeVersion":"12.21.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-T4BhmJkstR3Dqhsyz80FrR3Xk2trnuNNNRqVfvBRU7FVmJjKkGvC7fefM4++B39IPcBnKK+BZIiWoWqzRqSjfA==","shasum":"eef6223fe8c89449e42452c70fed0e1a3850b98d","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.1.1-dev.60.tgz","fileCount":1033,"unpackedSize":85566628,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgTsEYCRA9TVsSAnZWagAA9SgP/1XFaG/u17yqiF4ZKGQv\nH+mWDihLTwi3xHE0iP5ecelv+I7T7h30q3VZtV7x+9BBSs2lDP6sUsP0fvSG\nwrNY/UVrjF8x+bykJWfjD1ibebibwtAQAOSzQjvtptS55pa2rxlN6u5i2JZr\nPptcPc34k4gl7t90lI4wYnzncoezSETCLNzyQHaWEgQ6mDzidt/QALFju7dI\nAdTaOIzh/E4PaNmIQ5SY+6Bjy8Rd3lPCOjzeCLvxI9zwWIcv9oywIsrynCLX\nftevfn8jOVXwY+cfh+vjRtp+z7b0V7cLcHUN5l/VPFyq6gUFzSjrqYOOlrd0\nhHbAg/rUrKqiRnr7/DNJIpWO2uUkF11mWowEQdWofzgX1OgeKjUGEaqLW2L1\nKJuzLmi6LVn9bolMDZV5tVJO9l95x7kDbmAchW8i/y4ZXsI/Q08wamFePwsZ\nDtvlCo2sAa9Jsa7gav+lHkjxJi3W2t2pN69O5NbMQfjxq7VTiKEitXXddToR\nVNdiCaqiEsRh6fEzfm04zYAzqB9wNFjDEj03V/r9YS2gMc2qJfhLdvUrPM01\nb8TpF4G+9COzJUVqN3hqZChpQDuEq+rni5LXXgKBbuUgpZ2EskAOOO2bYpc7\nvCex/jwQ+8BpxCv0LlPC46ClFz6Cb9ll673qeiJWatvy7Fdox7AiShyRavKK\n5XR8\r\n=1gAC\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDqjbDlMvlqulFaX4FQzWrdZ0LBFf2q13Mbs3av+f/e2AIgZz3uv5gnAiBbsPTBLpxcb4IihEWJPBQiLhIHdhZE53Y="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.1.1-dev.60_1615773975059_0.19902885038785056"},"_hasShrinkwrap":false},"0.1.1-dev.61":{"name":"@spaceone/design-system","version":"0.1.1-dev.61","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"./dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --name spaceone-design-system src/index.ts","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","build:style":"node build/style.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"5a201acebe0d71e74d071ea4b08d893336b448b8","_id":"@spaceone/design-system@0.1.1-dev.61","_nodeVersion":"12.21.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-uLs65Tj81FA3G+9nIi6jV1sCjQYoigcgESGe8ph80x6IRevtQg0tcmb26nRtpcgQbrUiKmkK2419RYesWi9YBA==","shasum":"851e7ed2461f6566d6f53b5df5f42f7fee98ba30","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.1.1-dev.61.tgz","fileCount":1033,"unpackedSize":85567555,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgTsiFCRA9TVsSAnZWagAAc/MQAIhfzInt3oqnzzdg0jyM\nT2I+LPhIgQZf09JshPZzT++RTxAd608tt042dW9ZArk+e4KCP780YqsEjTgl\nQCRL4PzNOZjcH3WejELopRQcDd2lOE8pLn15erQiyYHBHkQeq+ZFk6Ho1Cz1\nmO1WOZaA9ejI32klcMMrH0J/KnZchBxtcJXTUXU5dOxX6wCENU+uxZHa/MEe\nBmGh8PoIMM5RF2rD8WuQm1Foj6kRiYUjWwzv3D1zggcboWfYJ4AdGtmuHDCJ\nyeaDp9XLdSqcc3DtdCInOovXZ9cvfJPtkWM70IshQuVdh1vE3+DXUCvFMskl\nw3Ob0RvUmBn5gLnXZTtiN1YhZEs0ZiRwD4jrkS+w9mq1DiqfKq7VbuzZzfa8\nrw6kptA1sjxwVSxoUQt0l7q8DB1Fl4XsZ2e72TR8ENzIlGLsIG0S2o/28un7\nRoAmxTfPjJq8G9Gss1ArkdaU5ZNRjuRSAL01vO72WTz6SsE114VVFrYyAejY\nd0xr3xdjPUyz7rqAjHPt+S76/4mBkix0DDoofhtjDQcUC3JYBI2Xk8Ddnwxt\noyT/hu2JEimMj7V51vRxF9ce9woVQd62Yl6SeS4ExpGvaMloY/nRw8Qaekce\nv18fHBVOxLWfY3EoBEBGNZk9BB63JLhUJlLUl33uWCw9CHsRsU23altZUUre\nSI3P\r\n=0zTO\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIH9vspX7lQT1YjThs6jSv3CnTcLme9jUohH5296cLa1vAiEA/KJIQpm3BmQ/1mfCPQyinYbXe3ZSpuXPHiGrLStDGts="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.1.1-dev.61_1615775876006_0.49259281038404734"},"_hasShrinkwrap":false},"0.1.1-dev.64":{"name":"@spaceone/design-system","version":"0.1.1-dev.64","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"./dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","serve":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","lint":"eslint --ext .js,.vue src","build-storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","build:style":"node build/style.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0","copy-webpack-plugin":"^4.6.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"0b8d27354840a57e5eb88078bf249654b4bdd7d4","_id":"@spaceone/design-system@0.1.1-dev.64","_nodeVersion":"12.21.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-rVAtAqa0ZWxar1SP009OegscnfdoHxdylG2+WkP+NPfIjRIMlIk+XpE5uYigncJLmaTelvPqO2+KGnaFE+gP7Q==","shasum":"b9d96086333cda9b7dded5d76faf8c3a04388166","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.1.1-dev.64.tgz","fileCount":1034,"unpackedSize":73205555,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgUBoRCRA9TVsSAnZWagAAG1gP/0uLmGkKZl8LuwO52Ilx\ngexdD6L/EDc/SRt4pVFPEshXTVxkbkb5foAV8dK4xpOagPAzN6de2MP5bRQS\nOHnUsCXVTsl5mkd5bEqVNj4O9GvX1TCVUFCqyxdpsSvmy5a/ReptJlj5dJWr\nxKkrMTEOflnVe2/fZLkgI9gZU1X91HZxyiSHUzhBfa2Wi5b+oPJPLVFW6qg9\nK+ic/tOWVL2J0y13drn1VRwLsWlz+a50GmKUpgdcJLUdxYcSg0M/ckw4UKVi\n+8buXt0Gku9XUXJiL9NWK//DolNf6hJ/kdUKCDskpbf25NNByHW7cUhSvDXY\nxFAS+t4uDTUkwvm648Jm82vIUMPAvkLDYkFBImrYKHkBMyQjrhFSgSPO/ZyZ\npbnGPC1dWYdl4AD0ExpYRI69DhmcIMiYMI2Z2DWv/wWIbcbLCvoZaH68BcC+\n9SFitqB6HEl8bdNewxEwlAzAniOEPSKVl9el4NIRt0CAb38Wztcqzkf4d2eY\nYPYMpL3Yc8X7DjGGI8EmQ3k74s4PkGGTaIsS28N7cRSsDkvpq3mqF+kM7xOe\nhDmKGFwxjahlWH5BN6h7FzpEEJ71VI9cfHIyeaceOrtiv8wFOTaxGvv7IzB7\nS8MLc/nIxGiwjNoJV7SQzc+axMcUisjdfMrHvx/WD55sh8h7s8C6/2aLGcsy\nX+sg\r\n=ZUdH\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCYeTmgIr3izin7ob4em6K3OypKDRMpRL/ExWpD9AKtDQIgb7jvdFfmzMyUlnNwM6nzOdL6rtWKM1SytfqKJYJFC1g="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.1.1-dev.64_1615862288371_0.8705390645684432"},"_hasShrinkwrap":false},"0.1.1-dev.66":{"name":"@spaceone/design-system","version":"0.1.1-dev.66","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0","copy-webpack-plugin":"^4.6.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"dc6e107df5023c7a4b9c0cdcee63cdafa0d7a016","_id":"@spaceone/design-system@0.1.1-dev.66","_nodeVersion":"12.21.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-AeM/HLJ465ZoGAEJGihOXoF49zb8j3npDGRxAP2lQtslEUQJs0ZLWdIZeU4bhBbGyErY3dJEDI9vGpJQkR7f+g==","shasum":"550fa49ce31c3d1cb49454710d6cc0231c4429a6","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.1.1-dev.66.tgz","fileCount":965,"unpackedSize":60219529,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgUcV3CRA9TVsSAnZWagAAJ6QP+wS1sYXdQkdhhvqf7Esr\nHgCl2lsTzc9jZtJ1EBqG07HSrWrC6C6wXqgd3Ty4VhcsKmlSVz242fWa70dC\n2mSJ5uHgPqsqyMOILcf16y/fD21dCW9jGstcFo0ye7Lo23Ql2ylSVDQ1H8RA\nniQ08nLQO8GfotN6OObHw1qnO4zI2W65Zl7bX/C2BPIn5PO1pOaiIx/zwFTz\nPM+hetB9JqLR8MbfPC1D4xgZuxzeGRsytre7ycvqoYc+74+kk2W5feSeeMKC\nGmPHsCHAOSs3brwkTjH6XDEvD1Nf4aYQK8x24YhMWQSjYZ0N3Q/hnwjTywM4\nmEgaeXzHZSGcL8YG71452yEaALmfYw+BTu9R8HkBL4clv6rHVrN8wGHHxiAP\neSCbuDGyCnNKg4I3+KBNcdiXq8o4mwYCro8AHJ1PVoEE/gqWGCQa3WWKXh7f\nFLDKNMtjMiGT4y1KDnhTvA18wz3HXYZ30Qw6OsqitzYAMRdqFYgLip/42k+d\nf/xrDGjjMkc+YsVR6g3ffmZToGWiRBBCaaVva6NYxQz1yk0reuEc4oqM5+8C\nen146LOeev7PZRBs/md7hJwbsufPtE+jD/LcTtVlxIW+zpsA4O946dw/s/12\n8R1YqDPVOYDFgMpEgdyqwS96UQN5mS1gVl2xIMFAP64JkdqUijNyyQvBd+OE\nZ0Fw\r\n=nAAZ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFpxpX2e2wUE3jk9tewSpJlSmT4MZ2KOd7ZQXbdiwDt3AiEAtJ0NN1wyDVmjs3rzDV6eSXChVv4rxHndd5mvs8uKJHE="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.1.1-dev.66_1615971702330_0.7216687484103368"},"_hasShrinkwrap":false},"0.1.1-dev.67":{"name":"@spaceone/design-system","version":"0.1.1-dev.67","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0","copy-webpack-plugin":"^4.6.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"80618ac56177005026828b08f71728d0bd28fcd1","_id":"@spaceone/design-system@0.1.1-dev.67","_nodeVersion":"12.21.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-pVeGFNwfri9VGVDJR47Y0QkgLRSaMEmz745G8bAKsGPqKrfwfCMpv6TI8E1PQTqxfI11AaFCPYUh0CHcEt5nvw==","shasum":"8b30c1cd297aaa55c7ba28ff4895d8d26116ba9a","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.1.1-dev.67.tgz","fileCount":964,"unpackedSize":60207239,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgUwFaCRA9TVsSAnZWagAAyCQQAJDhMqIsei/3iGGOPuMh\nf4J9AOIX54PFIbA26NAw97XrslALz2uDInv8qyhW+YOCFvbF0ZklFWxubTRj\nsuC4Vgo7+liL0GIJ4q01OqTJZ47zPVZGhoI++gdOHmJcVIUL0J76E9QLY1Qe\nXEA9/HIPmdhURHJTeUYiN2qbODxioIfH9/ye7pZpS3KxcekJTMmUkUGnn8Nc\nvgkXORXhLkArmXVsA1DqTY9dd0kYt2h8kCXmNpoJfJUWY0qMZ5JNLNMjmhtS\nvEpkApAqNoRdfBmo+o9B81zGL2Tiv/OXPaeXPHVJf8JjcxgUqXLpav/CPd/k\ncfGy7ElpRdEuIKyPp3ERQXfRZFhPByGtCd3mkMRhrx0x7igbP7hYAZYEwJVL\n/KAs+sgYcyuh8BNNEwlc6Uqqyf/q8f7Qkc2wuQlgTDDZxYogHVIJoto0V16O\n5EfqBXSAOkmd8nVwbz9kuV/aEoTHQo6P83kZhIeMEUgJqn5r39GxPzqRXtva\ndU9WsRk/S9CNNBMFoQ3QHPY6QL/PJnEWvC3pWOljuXaNlTtt79zjk7jC8uC5\nI4OO/Up1Oe3BejcubA7H7qb680b/M9Xb0wXZym9uAGBC2G4w7alBJWEhw1zs\ne4oqRiYNJ1zkc97CVnqYXrotxz00JsRCEVqZiulFZK1kuKOZ1qRVdQ15WUO2\nrGiQ\r\n=i8eC\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDYJVV7uOHDmckf3qfjFgRrX0g91jUaSiHv12YPgC7PwAIhAPX5Fe43TaREfEuFfoyAVDCyWbPWW1HGV5NaGuPA1je3"}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.1.1-dev.67_1616052569256_0.1419168572034375"},"_hasShrinkwrap":false},"0.1.1-dev.68":{"name":"@spaceone/design-system","version":"0.1.1-dev.68","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0","copy-webpack-plugin":"^4.6.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"362230e5e18411ff7531fa256549f612b71212b9","_id":"@spaceone/design-system@0.1.1-dev.68","_nodeVersion":"12.21.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-FWrGDYvyexCHjlsmi/r3uNyuT//x6UvkAKLBkdtYiTj8llkV3r5hUKtX1pMc8s7RnGIQw1O/R6YeqygTJo4pKg==","shasum":"c9f2893cfbf435f7f98e8d6c436ec02b3334c74d","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.1.1-dev.68.tgz","fileCount":966,"unpackedSize":60337914,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgVYTlCRA9TVsSAnZWagAAdhMP/1T+dbNDvhBU1rN2NbXV\ncJxQqMdRXcjxqyAlm2q32QLlPtO8SVfEABS+YEtBhob6nW9dt2zwplzQobxr\nLS08LGVxx37xqDubd0b9rtiHMAnrH3Bd6cL9faTLiLgbtzzZPLOhIhwCrSVl\nIIuCtwHBsYQM8urqoHdFYF95hh3wjFPdOsv6bLDTuTLgcnnmBBn8TGL7+gCS\nUH9h8/oAW64TlkNdeeiSnCjvqc262bMjamcqCwWRvJdDCeCvWbp04kihCtjD\ncqHz3XTZoq0QpiMftmNmLb2QAzZ1tTiD9+ZxhggzHnMyd3kldUE6fW6PcqpO\n9GNAAwdDo4gfjWOX5mS1DbmGThMHB2wqj4QAfd9TnMkfRUzM8PQ46sxnqQdS\nnNtg/BueTuCpVUaijdclXD8HaYeKVDERGMg7ETz0wH9W4DZbTp784Kv2rR2L\nAvVfOklm3QGRw6ILMSxdzpF6I7PUmG3GxI3cgyyPUjKmkDLvf2qG4/V/ojGZ\nPV4YB+a+RacuO29KRWtwXnFxOrL+CZ3D+C5/91ivz5Rmaujx2Pf9TpU2zURH\n82pyBEaXiF2fzD/Df6SLw1rtgDumyaiaX2TuP4putVvq0sVoj855MrnwMWy+\no2C+IonaC1PO7NjQi9CxCCqrNsWpgwxHUd3855kKfuxa/5KBavS7HquUqBQ3\nBQBM\r\n=/7ZA\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDAvp2J0Am0CoU14vNhCr7NSG4yYtDSzrqGcfrjCZIuUAiEAkvcTes67/raEgwItZ5T0ldg+ghskN5aVvHfm2J9MdxQ="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.1.1-dev.68_1616217316192_0.6462992409767094"},"_hasShrinkwrap":false},"0.1.1-dev.69":{"name":"@spaceone/design-system","version":"0.1.1-dev.69","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0","copy-webpack-plugin":"^4.6.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"2911e01b407b3d2b0e12b38b7ede8d14007ed27f","_id":"@spaceone/design-system@0.1.1-dev.69","_nodeVersion":"12.21.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-Kd4AgNzQ03Q5ZQ0ppBe/rGi7af4dbQD2gDUqX+X+mz4E8sbPX4GQdXlBUr1101ghBMgqy0oeqLP0T2wTJcvHEg==","shasum":"87f07727a8fc3b4f9b15e548214082301ff5a2b8","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.1.1-dev.69.tgz","fileCount":966,"unpackedSize":60337857,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgWqJbCRA9TVsSAnZWagAA6q8P/127yelhXM2H401ZPHri\n9rhxdYR/QVMeKwaQWNsxj7NQ1uj0x9WESzVEhU9yA/G+HXP1o0KsAIqz9HyA\nrm61aba/vVN0EyDm4S/7NaOuZRZChNqCcHpamyreRk+odkmWW4dNUMGUELG8\ncLTWLvnr3JOtSrZs0kQurBvqlUx1ieYd4apx1mY9qK9oT45WHl3iSMuJ99if\nrjop1I0oMEGTcLOKwBYyCMmjJ4wVKlWW5pVao7+g3+4RhrRje/BoKwwXpYZ0\nE20dct+lCHZQSJIpFhUZXzAHT6x5Lm+zGCPQgAOR1mJD4vIbnsgXVAYibYUO\nx+s/Cg3vmxgCJHdAt2wnEB1eFt+SH6H0QEv/hhzZiYDNtoG4niOn5DnC6muz\nP90onFuAKh7eiIK2ZIUGKc6Jxlj34fqpvHYrvT1UbGWROqohAaT2fgtOAmaZ\nntMv7SUawSzC67AXa6jE0kD6ObPC+xxruFeQhb3laYe/1BSgr5fR3xtSMoot\nJ+BLoMp6i7u+Dv4V6ReUOD29nErdhw2MuGoQrPA3ei4XMkTn2yn1xXJex3wx\nbvJ+kvtKWjPyZL6HW4T794LloRozM8MeUfbfrpg90+qtah2bPXK8HGqSXzGA\nRHtLZKCWwrjycLt+z+kS8DfRxKx9g6nzNcSLmPooEhbYuiz4Vo6jbYZnoxHk\n4hoR\r\n=SkGw\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDDFzkEz+3s0udKToGpErg+4+ZDWshROLn7tKzGL5Nw6AIgXsks/bUiis4Sbdjfw8V48X1JYUvmhjbY9ksMfMGXeGQ="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.1.1-dev.69_1616552538538_0.6887997954934817"},"_hasShrinkwrap":false},"0.1.1-dev.70":{"name":"@spaceone/design-system","version":"0.1.1-dev.70","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0","copy-webpack-plugin":"^4.6.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"37005fc6c01ee99faee2f58dbad51383d0eb7dc6","_id":"@spaceone/design-system@0.1.1-dev.70","_nodeVersion":"12.21.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-dv6oq3G0xvFj+CdFjMAAgnewf44Y794oiEI1GcgkgQLw6EkDFyvP1XS6bvZYnfx465JSphwSkFECS9T0FbgHew==","shasum":"78e146e9ca04249038cec0d36b84eef6b97c324c","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.1.1-dev.70.tgz","fileCount":966,"unpackedSize":60338833,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgXEkHCRA9TVsSAnZWagAAnTMQAJ0sbVUQq92fNEYNbhWq\n1Yp1+iTvIqOd5M2mybMx2RNzCQbhvUAd55pRgS2QwDJc1N43/sAorPblUjGj\n+5d820hx+M3IihbwVHUe3LVne2LIoR/rRq25tFPHZZrh7FREh8qtOGHranfQ\n7ZHfzIsPuBOcJh5rQOhPGO6xeJhQy3ZEVhIQZy2IUyFjUXO0vR+7BIrwv70k\nr3IwyPeN7PvPfwl0iBDCnHNPPpPwweu6mtjZPIKFWGGWuzLfql7Yi8QctTmx\ntPEQI8f95MeSYzDgemLZzBiK6SUY/1jkP828csbWws/jqqFMbHIZbCTGv/a7\nqNq83LGc61gt2wozH03EBQIGA8fOKlamFj123WQejoayNVYRj79aiu3RIwkj\nWnVJRxY9NvYRRbQGUrc2p7MfFI2kJPm1ZdtDeOvVVmbvskpwNpWWOFLanegd\nKRg0Oq9cjSp73XriOT9H0qGQg14zFB3MoOVbYvOJGpCpoBPgqwfr3la2Rt6I\ngO7w8RYuImaJmeRm6R98MFDqASfutXpdh6739Gbu0KZc5vuAysRrPTyWtIm5\n7sZZXZl68q+d4/hBiE85OJLi5lbvsVCWNv+iv47qw+50LkCj2wjpUjr0MFpu\np7hjx/ZG9V6aC2kUS/9YiQ6T38NTdwEzDjcBqf0GjKZJy6rrbzvythZG24JC\nqEav\r\n=YT6N\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBJZOa2aqN+Y4iyNvyoklH99OTnP/wna0FwCzonIVVx+AiBiRj1JY1VeGaHy8YqonhKlh+z2ZfgUu1a2RqpS9pFBCA=="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.1.1-dev.70_1616660742589_0.46313307868442144"},"_hasShrinkwrap":false},"0.1.1-dev.71":{"name":"@spaceone/design-system","version":"0.1.1-dev.71","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0","copy-webpack-plugin":"^4.6.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"61c137401e2cd3f478ca8b898c3eae83bbbac8fb","_id":"@spaceone/design-system@0.1.1-dev.71","_nodeVersion":"12.21.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-63ng2HWCCNjO3XScOQ/0xgiMgtEyHEUPOgK+atr60wRbCyYBh4vApRKE+BWUKajb5XQ9l0MXq6Q2gvHQmprz7A==","shasum":"f3be5910eca7842f871236899a51d845f5bac580","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.1.1-dev.71.tgz","fileCount":966,"unpackedSize":60342088,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgXFWaCRA9TVsSAnZWagAAR8IP+gKEuncXalSh/9gMcxkd\ne9IJcKoevwAf0GVsY13rp8jpIrhI9DnZdgaVC0mMKmcDDx9kEuzjfs23GYFH\nONGveEskwFM9ect1zQghotiiAi/DNNTwruSAqCZnGARkTVyeQQU4VoqwGoVU\ncZKnwSprAkPJW/jd8Mvlsx3u3WqFK/aqPyYfAnopSNgRcs+6SQuhwwDRd6zI\nUYREK+CJ/FmJstG3r2Tbw6AnW1cnQF/RnIxq0qWnxo7DZI8QxNZI6G3NbyXo\nz3WovvDtZ4/pGkCB8oWjz2qVhMCmUsjpbabAgajmbPASjxHdb75prgDplKJb\n3VShB2IebwOsL2wmbA5I6dDgnI56dqvorFGDNR7GemTnzpIz29tTMguRQJ3x\nzDJA83CYzjG1kz9tVKd59FSzrDoLTRgzrHdOBpokOmDk6XyaMW52x6Xy934k\nPRSAgplg6uWIu0idi5HKuuSaTjXieDlh+teAwPu/MMZn2vOXX9Uaf8+Vbd20\ngwF4ylhi5mJc8h7OPWr6VYf0JW3TellafIfyGc4aIOLXpTNGxE+yVnDJ7hkB\nZ/33tzlbXYLW4dJcfpmZqtxK2kJS0uLUm5ixn3XXBD0SfLPJsYiD6iCg7BX3\nUcVQsjnWQ9cOAB/vsUpuEtL9YB2NJWK4yuypKU0GwWsULJ/u5eNwU2bnOmI2\nqp8o\r\n=syCr\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFj5t8hgmCjGS+oPJOSD36aleWvC4TBpcA6O06cyzVO5AiEAymdU5/rcKnwEF8ltuJG1G/7Y/LXFNF37z8z4/udRrpk="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.1.1-dev.71_1616663956661_0.9329576576276717"},"_hasShrinkwrap":false},"0.1.1-dev.72":{"name":"@spaceone/design-system","version":"0.1.1-dev.72","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0","copy-webpack-plugin":"^4.6.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"9995ca47740ee23e1036abfa1cd8e2ef278714f5","_id":"@spaceone/design-system@0.1.1-dev.72","_nodeVersion":"12.21.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-lwc9Q4S/K36iOsN2pSZLz4UhNf2EFfFD5/3+Mq3gcaoA9BcTGK6QIP+563RygwU1fOxYd9gRA04YAC2+/kRR+g==","shasum":"8a43acdebd174651fa8d1850494c235749a12ed6","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.1.1-dev.72.tgz","fileCount":966,"unpackedSize":60350676,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgXIp3CRA9TVsSAnZWagAAOZ8P/3OHTsfR89NAnm7SWAob\nLgTD9TVO5IXkdbmig2FiQrVwXafzHgR7RJ9svgSFP/NtMns/Pgrrz03KkA2N\nOPqOzyl1Ty/alvL5NBim+vbG+EwxeRYu9clqNTSLeptrTkzfKg6Mne7ci9tg\nRE/JmJqxpgUrqSgbi03wqgfYa10Nf/j3c5vC3VM3bm1T0jwvXOyCAMwFfBqz\nTc8lDn4RicDCgkcmIP+btKwwJxrL431urQ7r7n3QDolIf13wqM8JvZFARfWo\nSU6dlVYGabSaJFO95mtuwTKrkt+u88t0wXm43m7acBHxd6W5F7ZFswtgfEaD\nyMhQ70r7w0rs0h/W5gb9p8CI8uDPopjlu2jridzXSPtGPxdN4l3LdSUkBHE+\nr0twtWdaAzsrpP+bUsuOm4SyOIGbVVsAHZNtse8Lfj84esZa7mx/BWzXUIpK\n5wI8tPTzw46gzraAv/XBi8HhrC7/rzXoyZzRuRYtwGverC7n9gOQrtIa5N4j\nHICv2HkXQbGFLZ75rbJt3SXLrFw0retQLHvP3qQ9SmYjEvXIBCN7zo6BnXPY\nQKcOmAuJVjOPgt20uq/DuzNSvKt2b9cR+gI4fRDqDvgi/W5J+P8ke5VCw2ik\nenL5Hvz4Ym4YXyfJQzWz8K/anBGleSqZS2/mz+rw9GVYN1+TXquv+3HdjUhe\naQ0e\r\n=nk5k\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBinCYtFFyf8VVhhOzvTFWNmWDa10g/FiobJhiQ+lcZ7AiEAsXh3DstOjTIgnjNmJGi/JXtq3qBGXepOCuLVRc6oILI="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.1.1-dev.72_1616677493793_0.6452402889142825"},"_hasShrinkwrap":false},"0.1.1-dev.73":{"name":"@spaceone/design-system","version":"0.1.1-dev.73","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0","copy-webpack-plugin":"^4.6.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"145165a52d5c19c9882c16fb018ee08ef424b127","_id":"@spaceone/design-system@0.1.1-dev.73","_nodeVersion":"12.21.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-VZiiHJIb8zeIG3AnmIyxgPGAl00PclZSbfuxuqSxDFZhMSl9E2zmAW29BpElbcnh7bsluXuETciNOpP9YlDuMg==","shasum":"61eb16e25cd584d926096fef1dc4e60a1edff52d","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.1.1-dev.73.tgz","fileCount":966,"unpackedSize":60352648,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgXJUtCRA9TVsSAnZWagAAD5AP/i+3ncdoALgSSMruf++Z\nmSbepIuQ+rGYA3kVpS9NwMlaJr72tYmBJs1cFePbMkhtgE7GFcrJI32ykYtV\nWLufvxU22teQd5Blr/4jOT847ZNK+k1Gts08k0XN+bYjwYNkNrZ9Bq5Ae5Cg\nOEGPjtdsCvfsdMpIodbRDvpW3gkjUAZ+p2XaZcOxwlHQsWQi6uN6T8y+v9sP\ngbMVYh/EeJkHpFwlMD2GhS0PQ4q+wlUb7uof1cNkj4Ly5f3VsJ073eIIPLA3\n6WXXV6oHGXBa1hv9CjUT6UeSQ7ntxRFgUCjK+BwHG4mnSe5+jQoRQzU47SLe\nGWo3YL1rqwdQymko3lUsKBfn+uqQ+AfcHm2hSe3CDQBjjMWDkJ6x+09DU9zc\n28ivwzLJWyTKHk8KM9+CyKgktaHYiqW7/RRFpcfyJrHr64RFqWedIVvWD+ZD\n/6J++ZXsf/XeVHc7kDka5emvvTvWPVKo2ifRk8ZxDbT25I8O0N9+ChmgLR10\nZw8A0t2xwQKhMIu69/TZKaCv7vAIcCLqi1tgGowtiDYod1tyDdJJXg5vbbrS\nEiAs2fP+DXkV8u3QkV3PbMDD/sM03GzausH1tv3Ys8FFbwut+AHry2XDRvYW\nlwdbXgNvKx/FRWfBbKSi4l1aufRu0Tn0mN6DLwFxmzSvBchWLm+q39FWxzSE\nYIaW\r\n=WsEQ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDUL/pjdoctvF0TbNlIbiouUbfCAys72jOVYOfShV1zEwIhAJj+fC0G3y2R4o9kUFJaw3xlp7iaotO2fB7XJIsR82Um"}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.1.1-dev.73_1616680236138_0.5950624108584883"},"_hasShrinkwrap":false},"0.1.1-dev.74":{"name":"@spaceone/design-system","version":"0.1.1-dev.74","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0","copy-webpack-plugin":"^4.6.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"8877ed191f5c13c4bda68e44aec0622222ba2bd4","_id":"@spaceone/design-system@0.1.1-dev.74","_nodeVersion":"12.21.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-Vwvpf2dQSH/IvcmL6Vsimcr5VIedOfl8oj2RMhS55Bx0QOKLhjW+TPM5/XPBTdO80MG2bHNs4S7HanJL9zueOg==","shasum":"1347466b63d0ff6326625a755963b917eeabc4e6","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.1.1-dev.74.tgz","fileCount":960,"unpackedSize":60309891,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgXKNjCRA9TVsSAnZWagAAg6gP/0tBaNtijxh57d5TL5HG\nEszYVB1wnJ6ofN6mPNjDfLSSgJAnIBdEYO2oOJ8ORYEBHE7485Mvsw0/B27U\nbiEVBYZHWs0SbKH3c6whiTYd49a6kAugNShWIYJK+6EUQY7Y24LnNSABLwMK\nYoDgreVkhI9eZywF5qg8/hXzDfe2YNjAuY9zwS1fSqLyrBWIS1exyZf/e4Oa\ngw7Or0J4snp87tFWjAwQbb2An9nqHMMdQ03ppURoeiwdmHMU3R2vtPjOZDwz\nxfX8tLx4nsjdItf4BStTODxXG+DxFfxOVuyUNujZdn7/qtw2o4p8ww7ImMQI\nKjQ2hSzW4ctF53xJNXzW94/M1pgMOAibjm++6FyeW6KRj5y+QciEabA7XB7g\nIeFFxHI/DYWECw624ku1VROeJha4/i7N4Y2pNbBqZ0adm8zqgq9hnh433QCq\nFExYpsKFjtjdyPafxZnWk8nHEr7i67SylqI4sj/uOc1KPKgfEhExmgkykmIs\ncOIr/jLjk6CD9sWdd7r3xFqKAYNhrD42JZTAd0Wc4r/wdW2m1WFKbSNtdyZb\nCD+OpIwdpgQZqba7dKDPl/GRsFaeXNMmMO39EjgIS3giRTX4IQRcPEDne+3Q\noIP8BMMbVonHmnVgyNZPCpKNWXD6/UBgN1OqiA+Kxp7yeCsp7jc44Xxoz5sk\nMpAz\r\n=JDMV\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAC6Qe6PdTAJBI2rL1ElspwQly8GP/+Fe8xLCAOyUhW9AiEAknb7uuhqaSp5DweOD3wUbQbCfWu4xegkd4hiA+dyjgc="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.1.1-dev.74_1616683874505_0.802795966850129"},"_hasShrinkwrap":false},"0.1.1-dev.76":{"name":"@spaceone/design-system","version":"0.1.1-dev.76","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0","copy-webpack-plugin":"^4.6.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"f5bb3991ff22f1ff8dae72747d3930af94bf9726","_id":"@spaceone/design-system@0.1.1-dev.76","_nodeVersion":"12.21.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-dguUVKpJi3bggdYq9BIHuhqA0nVdtlx9m4IgCTmFZEDOurFLeQxiJheFjXixAedZgz9u2XiLgpYnHKe2SRWNxg==","shasum":"b90f5aea167663a661224d40dd9b4afc53fa4e52","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.1.1-dev.76.tgz","fileCount":960,"unpackedSize":60313145,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgZsJeCRA9TVsSAnZWagAAh+8P/jH+ASH/sCKHKra/ocg9\ndcpsEBVY8Dd4/RWUFytEtmeXkhaTM/EEpprhw4c695x/tyCUOjBl0dpeVLoZ\nuteldNbBon3hlpHpfkOl3f4YuMexmlafb2L8wAJmiJLNL8DUMssGH5/5EIMx\n4st8OVkRXe2mtaQC1MnBXOlZjSbzJDUJxxjqXEww9FD7+X6L9HAuhLxXvKRb\n2VNnjlKdTcqiUgujTkRcv+Wo2oSfB6aSwLKFPCdyZ9+i4fJJS6gM/EnAirK8\nu9nnO9TsO+cclKP6cEAF3YwyM5K11PUAxr0oq7y0bsAsn8bw0oFzpbhA1tMK\njVBeSag3BAf9KQSZisfeAHtejHsV1qxTIANaNBe919R4TEf4apy6ansPdhWw\nlgRD+xh2fcfPQyyeEZKUIVSxn2+Bafp7PwCqBO+2ad961SYRKHmA0kLuW9/0\n6UNQ4L87PruT617p3xzFZkMXIi2gh5kBaEDK0ugiz9S+/REAhUMLFKhBcBIM\nJXPnIQ5G70MouZEWl0hZ/SJYCt26K8ngxeifweSsAwZO3PnJUGTTM6aufnAv\n5fVxlzr67Z48Jxkt4TX4Zo0VwkhDrO8LfFoHh1Ky2bGMsyNIwUdJW+iZCFw7\nwuDlSkqibZEnouYtuMlUMKJyxVOMQkgy2s9AK8Wi2lClUjwroCnyi8+yfLp6\npRkJ\r\n=oSMB\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDxFSaovenyXCs+mTjzDxPEjXHkobHSZGYBsngW7C4ktgIgVG/d32aaa91Bjamw4b5eUNwy5a88B+b3/UY2L/3EKIU="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.1.1-dev.76_1617347164683_0.8261396586501835"},"_hasShrinkwrap":false},"0.1.1-dev.77":{"name":"@spaceone/design-system","version":"0.1.1-dev.77","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0","copy-webpack-plugin":"^4.6.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"8447f4b65fe653c998cf482dbc31a77f1adb7678","_id":"@spaceone/design-system@0.1.1-dev.77","_nodeVersion":"12.21.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-ApXLcWyhSjXAOkhHLNctRfowU7nN/9alakPPNL42Opc8APdXZchiNakipzYSsUJfSxrsZ+CtXSOUEhU7KUZOVw==","shasum":"71174466aa4c44603e2d2aef2f2b9881c24bae8a","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.1.1-dev.77.tgz","fileCount":960,"unpackedSize":60301251,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgaqYmCRA9TVsSAnZWagAAM9oP/jmqR8nth7zQRamzH40C\nzErTUvY/0eLhwQfzFb6ogd+g9mvydrVtdtKCRDe7WGk08oKMSXqB3maL+Q8n\njZ5Jrx8UETjlnNQhjYhL8yNKhZ4t/SQBBXo7kBOstnYdVjXMeACzJKdxkB0v\nr1Ohy/EW9u34+6TTjCVRdjvvts/8NNbcHTtYYBqJMt+fcbMdu6Q94aKoFHyE\nKuzXuU9VoPHW6iIeGIInrz4eiqn057y7PC0nCbuYgtPi16/LlbDzMq6e5YXL\nOR2OtlkScjqLqKIfz+gVrsXj550EFaeAdYFwacbnp4d2y223xt/VkWZEENdX\nqbWyqFQdKstY1Mx6sAFM5oQ/fHtGbWEfj6Alq0iKRsNRAMf0KeFmM5pJ4i/h\nIyYoku3koCJyRDCy84xzWy7sFyK1d4KAPxO0r8lunB0+UJFhcxJMJpQoiwgq\nLGOyVfwq4wdaJnT7gvDUryD+X3sis9hxxecDVcvWJhG3fZf2v8jYQfkpWkxP\n8QBhCyoB47vo+qee4pJKK05mzh3Gox2arOloF6wFdgbz3ScHfgABdX/tBIs6\ncQ+UZfpGROxltuhDZuGjDrYMwDKRyGdcDJOsEKze7HXlIINjM0QMoXICQotz\nbMM057gzES6M6VEqkAYiJAVeGMpe1ZdJthkQuiVcFwNe7ZMv7wZmDIygWrf6\nC+g9\r\n=6teO\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDPjc0Uh2bc57IfiD7CbGE33zi7zJRLydWUKeFZSgDcBgIhAMsiA7fLzE/nbfoH/G7bM1CabQfYgPDW/kMfpewIpik8"}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.1.1-dev.77_1617602085296_0.871549436808535"},"_hasShrinkwrap":false},"0.1.1-dev.78":{"name":"@spaceone/design-system","version":"0.1.1-dev.78","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0","copy-webpack-plugin":"^4.6.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"5b0cf0a2fd92fdc7ee7f2fd00c93832b3f8a3a1f","_id":"@spaceone/design-system@0.1.1-dev.78","_nodeVersion":"12.21.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-t3lVsXbQV7vxhMhiuEdnxbWfw9rBP60DOAV6NDgx0XjJgDjBQ2XS868A0nrRqkFSL707tBQ1UJ7ZEw/1F/yoYA==","shasum":"a60f29dc9f8897dc1a492e89655ee141cb4ef1c6","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.1.1-dev.78.tgz","fileCount":960,"unpackedSize":60302109,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgaryXCRA9TVsSAnZWagAAa5sP/1/IFo4exsQCRfBFKBuG\nRcKGTiCKwv3BewajIn51SlmYBlPW7+KVoqwCGpSSM1PXhIW9DRT7wHxBd4jt\nzQcMCsRg48hxsvrxJ1YLdLM4bWP6boac/RYB33Xofw24+SKXljf0qhHHmMw9\nDh/NzrYg1X17tIk2B9WBV9xngu/2+SAZh6f2yXYcIxdCbXlTtWyh9a11Mj/F\na8NED7XZEtytzPRHWFKdHOZebkccRHS8yD7+6cALW0xC0t7ZKdWAic83yeW+\nVN29bXPBmgeqZX696V4SHYVIdqtNuBxJnU18tN4HqBpo/chYmTiiYEEgjJjO\neYgV1thv1/urC+cVcV/R4YRcDv2vnE9yQkuLtF8J1yixOD5gQTp5vp6cjezV\nElN7x/qsyQwrl8XqhisQxte726RaRXOhaG8Qq6oCbstiG2AuiwI/2RTY15bn\njg6jzSNGJn8iW/gV0AoNclEa8IF+JY+Cf/8ryqseuNXe1bxfSiWjOO50nsEv\nCjaMRV9tsqSBAZ3Zm6FHGg2FTcWz31YpgVt5r5Fo1bkfqj+ei2VOQ6rwSTR2\nAkDso+AMU/buScvJ3484YQnXUfhq3g098PyQI/xUvfymEjlH/cYgsnH+KKxE\n8rGmSXwKG00RtfUdpuxTL9myvEq+Fl7KpA2ThRbZ5L0+m6jTdDkUJTv3bFMK\naGZG\r\n=ZgDg\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIG/g2qFtOG7u8gtuLzYmRxgUN4jdDBmUJL5ajx2O7NqiAiB4FsjqfcK7mLAGwGN9f+y1ry7bLGpy3eC6cScP8Vp2QQ=="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.1.1-dev.78_1617607820107_0.7818723191492811"},"_hasShrinkwrap":false},"0.1.1-dev.79":{"name":"@spaceone/design-system","version":"0.1.1-dev.79","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0","copy-webpack-plugin":"^4.6.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"f97da911e126bb19ab90d56293ec6291ed9cc5a2","_id":"@spaceone/design-system@0.1.1-dev.79","_nodeVersion":"12.21.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-moBFqKxqCWjEuvD2kqCc/YG7zHmx13rvVnop3qbLF/g1kdFbdTyT0oF+QSYClaBM5cjtlk0Itj/egHTTp7l9UA==","shasum":"23e9fb8b728e77c5097144730157117123ef789e","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.1.1-dev.79.tgz","fileCount":960,"unpackedSize":60308512,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgaseYCRA9TVsSAnZWagAAP3gQAJuDc76BV3UJMD+7oFBJ\n4IoVHYyBsQQFjiTwmMlKzL0RGwIuROYznIIl0P/ysW5R1bNPXbBycy9kderH\nkdNvA5++OKMZcDcrxJVEcQ9Gz2HqUuXqiIH+7mgRfH1a0PU/hhMafntAjyJU\nS0qZuZyO1riuWT2druoJInDp+hyIHhdzfoQEB1AAL1Y9dtbUzZYyy/xdDAQN\nSgZ8qAVEjW5tUEeqpXRra3FXbCQ1KD+VqOW/jUCDzFxFSISEHqXbu0F/sIa+\nLTLIMGCcaXllHgOYMxi/tJ6x6HNsiNtolDUxr+/gy3aIxlktiCvE/MphDIev\nPi5dRTKHrfyyYLWRivOa2IuJbxpPRRwAY1Q3HeTBGETulEsBuMkj4KaKDBED\nyHNHg7pijpN7hxaVhkaUHgOMO9wvR8kXrgY7tC/lyjFDecH897c1DBusck6I\neZhW7YSk9LHIXXEbievPQQ4ZzPE3UNT5ODcDkPRO23HUdDHBecwRPI3v1BkV\na1BrjCuvqVy3urYR7dXiy3uoBQlq4fvZA72vovf10VIAMFrp8Xa+K0oX6yw6\nNp+GNPxi7zp83xNgkLoL6QNHRldmXOlvIg+RHJpAvuUF7jWTVHSEVCIgppch\nCmLNSFa7YCyI0VePMKowgoIvkTfJc/294PoWr+IuL6oT5flcTlKJYKTTCOXZ\nctAS\r\n=Xo3Q\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCdU+2IYVsBS2O/uglXuaHx6nxhEVyNNpg5EGZo2WvtiQIhAN75yDhjjwLq/L1ipTbkxSkurPRjs0RTST52BNYGnGBQ"}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.1.1-dev.79_1617610647000_0.607987821960859"},"_hasShrinkwrap":false},"0.1.1-dev.80":{"name":"@spaceone/design-system","version":"0.1.1-dev.80","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0","copy-webpack-plugin":"^4.6.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"fa7ec10a2d3601e1781374b0075c5a28c1ec4698","_id":"@spaceone/design-system@0.1.1-dev.80","_nodeVersion":"12.21.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-WEFv0K25xKNbKajEEjHNPHjnfCLLdus5pP9DoBx6JGJNi14mzDc+dP4VEnaLsXQH5oKqt5tgIiXHY9yerdYknw==","shasum":"a8c91a631dcd6fb4b427a0a7c9fbcc7b4b88df1b","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.1.1-dev.80.tgz","fileCount":962,"unpackedSize":62050306,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgbTx7CRA9TVsSAnZWagAAG5UQAJfmJNZoitdSogfz/SLF\nNf+K/9ASPNdEdZsncR/+ZI6gylbS6Itjm9YOGlXDPhFCNhLxmLjPfUgrRHW4\nFkhTOcgWPMN6ucYZfwnXK0Z9OG0Bdbl9nLoqFbtdQRFuKOrI0tfNeA6OALGQ\nr/wiKPLVdTJidt6Es+hgXMd+WQ+PCJIinpWXB04hpbTDipz5ZNuZWxEo8Cp2\n6Ot+yuPVBnKU5McVQCNOQ+4tL4+U+1J5J+k8k6iYGCCCNpboYpNDaCsutRCQ\nhDB5W4GHeNb0i3cTyWf0HFGUTtH4bo74w9yd73phaQ+a0ItWF5DXJf5FoMG6\n7YiumCz0Cq/OiMwkGgpsvdphMhHVITV1mkaqbQo3EVkoqwPGcAaZ8coyzLUv\nCzwhryBEp0bjJTDnptBQ5T3MmGQKYW58AbNW/Am3Wq2Z0nMzKar/i1SeOyo9\nesWHUqbKluqFDf//cvs5PRFQv+SqPvsUDv8H9P9dwcfrf+EToJexftWWzNMT\nB2UFLMjVicqFGW44OGH1sQwNwpDcr2Mn/G54PMoO35TxYB+l+mdlIVvF2Efd\n1JGQXR1MzmRk/HytHErcRE4OK/KyIDaZLRPdc1hX9bPF6BgLY62Ws5UYQFxY\npkNhI++dKQaY760AKMPBuv//JLxplaRAJW5j07SJ8KVt7lQM6qMEtdaAMoxX\naNOQ\r\n=Wu6G\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICLU+RBLCz1CbE8o1EWfC5rQ1aBVc9kSRbkwWoYTS46oAiEA8UcLtWCDbjemlMYIIRIOOUpOeBSRveFsV4t3EObblrc="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.1.1-dev.80_1617771640583_0.9708948309846772"},"_hasShrinkwrap":false},"0.1.1-dev.81":{"name":"@spaceone/design-system","version":"0.1.1-dev.81","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0","copy-webpack-plugin":"^4.6.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"3c682da62fbb17febb7bf025d66dddb7d4f71a2d","_id":"@spaceone/design-system@0.1.1-dev.81","_nodeVersion":"12.21.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-NNw532tfleuZql1l/U1nCic90AA2Qox/4yURI8BYXX+HJFxstIO5HRGt1KXr4kQxFOg1U7+MXaNjKW+YRKKE6A==","shasum":"21bb09817113dead75db1034a3304a4fe094b007","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.1.1-dev.81.tgz","fileCount":962,"unpackedSize":62050339,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgbUkmCRA9TVsSAnZWagAAqIIQAIiuHKTWgTg8rcY/iDql\n7Nb0YiJN5Pf9PxldzjjFwnaPtFfGk7QmGXeaOMO63xXxDcW7pqyOIOw71b5e\nWDc20KLmmpMGOfHnlybK0+mJDTCpEWEoInGXytwJpKcWt9+cjXISW0vqnKHL\n4ITCZ48Gd0ft+O8+e2tOxUG4FbZ4LK5X2xf+crGP7Oyk5beMkPAgPZcTS5L4\nWc7AJ7y51q+MToWzZmuBnXN6is7MMrlI0HmHiPqEpwnlONpsy80ooR3Ky3y+\nKyA9y1tnkD71W24D9EEtl4UUzZOQIMi7Azz6pSPX2CVk+Opk7m7Pzz0D5MfQ\nGMaHILxrgfG/MdlfdPF558UfIcqGW0rjfYLBHKJcXYUr1gRpuSW9aqPvpe86\nG5iEuZr1OhFJddJdXvrn2l1ioescBrT6nYd0NRBxoroU7k1o9YZplzYjlFj0\nEZxyCTO73szt9+hAHPWIWnYVn8aW+qELIBxobFHEsAd27oRLf/S4VGyTixWN\nRuLKskapW7JOIqOTpJWQlStg87PY5d3pvEbs08xg5sogV34wGXb8AnVeRxGP\nnG2hCon6sNvy3I7/zVuuRuPIJOqT8WP1C41COItfkRq5BC5msw+ttEj0S3fF\nJ7/YtG1DNaF0462RDsuqFA1RAgQu8BEAHOe1dyHSsjBGg0vh17YIpRCRqEWk\nd8YV\r\n=6OeN\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDGtDudgCjXr+60Hajnq69XGRO7hCdQOmgRSHwf2yuvsgIhAL2BRmbwDMhVc5ZFoa1rr5W0BbZfCdONAGrwdt2WOfzv"}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.1.1-dev.81_1617774885983_0.4829308741232343"},"_hasShrinkwrap":false},"0.1.1-dev.82":{"name":"@spaceone/design-system","version":"0.1.1-dev.82","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0","copy-webpack-plugin":"^4.6.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"a1f4e64e20dce2046fee3b0c78f47a2f04edd6f5","_id":"@spaceone/design-system@0.1.1-dev.82","_nodeVersion":"12.22.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-JdceG0G/QidiaHNl5dGheLkkoSF3k5LVEOnhmp8iKPRpeW/yfMtnECmhHd5jb/s9Ewb3dX/7vlHivdBrh9GK1A==","shasum":"9406fad9291e4c8a9328626d536bb1f1f1ac07ee","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.1.1-dev.82.tgz","fileCount":962,"unpackedSize":62414441,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgba9JCRA9TVsSAnZWagAAqpUP/jV+M1sE9Xb/6N9wWa0i\nO6XrWmPEZX4iFTGlr1rPBd56ER7XiMHk+b7OovBa84wKpsx/YAcmdOcRTHwM\nyp6PoxQvvD5VPKCLpYfiyD/ycL0A1usrDcmKMpjXPSSFzfLtGjYXrsIZK1js\njGse2aTv8k00VhZo4FNf8/6CbNAR0EozarMZeUjrf0e/dBxt9kJSAXq4kWE4\nj18Le8jlJFkOSQf6A6wws7a/l6wbxdoFbu+mJNhjH48enscX3WndCmokVtqa\nWt/Dfw8YHVCj2nnnsW1idkvh7nUNlBpRJ/ZSfQaUvK1iGMiBLJKhvy01hqdN\ncTtHN2boRRg1GzMhxQg+Z1A9gvPcr1X92swGEKJMf2aCWPSsOIo47zwOpZJv\nkvCjOMzjwzxYk6wjK7L7FcEZ7jijqrUHk6kML3yR4GWKPK99P5oF5NVd1YXh\nJ0jc2P7FdhbwRkjx/oLqUzmLBkuJhXsgHMUcSAAz2My6hC0/uol2Gn297ys/\nQPZ1frrrAwSVMwYYYLNgOupds0LLYXLw7ESVyDcoXhfHeiwn1XGMXtSG83Vb\n+mZPbFpSYxZJP1S5b1+V313SebpfWvQeg61thOzALifsz6zusxSWvaxsmc0p\nktmhfkyzIFkRvItN+SR+YG+fr32TvA1gqLMZvF4x/gBAtMK53CEOhcNBXY07\nJB+6\r\n=2GUQ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCVd/iR4RJw0Yjpx/SfkiR9YVsneNHHWHhJWDgxQlKclAIhAOWC4qkRxkW9Zx/k9cg7t0Nsr3LYf4Rifna6sQXaKXAe"}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.1.1-dev.82_1617801032987_0.20619981976502455"},"_hasShrinkwrap":false},"0.1.1-dev.83":{"name":"@spaceone/design-system","version":"0.1.1-dev.83","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0","copy-webpack-plugin":"^4.6.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"0928ecd27f76afe6a1495f13b76c716eb7d1a41f","_id":"@spaceone/design-system@0.1.1-dev.83","_nodeVersion":"12.22.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-xnjE5lXQlynh/59BU4YzynYr+IvMb0ZGJUhg8X0rc1dbgyd7nwAvQdC6vYdRMunhGAJT18uR7F37b6YklDA1vw==","shasum":"d36aa0c6b5b1ed855f22d6f89a302e50c813aacc","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.1.1-dev.83.tgz","fileCount":962,"unpackedSize":61785613,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgbsJ9CRA9TVsSAnZWagAADF8QAImJOCvdZ0HmtjFWYtuK\nnGSk/uPmTQmJVgSd2CI4sOkpzd0IRpGcFyuEQ+hFl//Ui4PR+rOxrqiEjft8\nmnDSvnu4+2gOublwcCPHoSTyLlmkQBm0EybkBzi5SrmERYTjHLO4EbYieCsh\nscwxVOpiRckWKncJm3+SR93wR4zUkOgX2eF8uW5gaF9nnzQa+VTiNYMJqOp5\nRLwC5Ds9HjGmsTgleVgHOLgm1X7XGDfRtmYTzLK8rWCPBTQ/svT6dJLsN6RV\n8C5fzvuWvoUlECal3D4aDvfzGt7C2qPt+IBARX8idPkZCFwVCx+WIPLydvEC\nWMVmOHLT1KZrxGA24lg7Nsb8tHE46BtSH+Wj4lrn6gwf0scDdUreRDH/YhU0\nt4teVK2LDAylO20wAZgLrfWUIM6VVExHBuM5lT4eKmBBad/KTxUM2Yh4MlFN\nMexSA6PP+rCA90IXgG2yMKnb38Ctwlpk1QzEX/13zag+Q7F919sjC+LVCZqS\nXx7c+5JWxTfq0HK1Bks/L3V8+emQFsKw35cWHfNK4ye/bHROgUORfO2SnEgD\nn5A3nrW4imBAec65gFEHNp7KeoGAQZXZ4DP36lg5wnmG8S/PxE1bHEu8e7+y\nAZM4l7tW3yyEfQ0011k/LkknulCcKoA4dLWwaQUSfn1qERUu3gWnhesgWUlw\njFOs\r\n=BUEk\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIH82Na3wr16HWZByH1/LQuCYPRWF678B0p4edWJ+8+YtAiBbyCJeZu1GQpnXGYya2dma7m1eDErBodurNt13Uj9Qcw=="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.1.1-dev.83_1617871484222_0.6589723824406013"},"_hasShrinkwrap":false},"0.1.1-dev.84":{"name":"@spaceone/design-system","version":"0.1.1-dev.84","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0","copy-webpack-plugin":"^4.6.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"174c57b440125ed663daf9ee892cea67f6fb9b1c","_id":"@spaceone/design-system@0.1.1-dev.84","_nodeVersion":"12.22.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-P8xN4ZFlkNeMh+uMPy2JC//R+NhNsUfwR5rsjZT+dSLa1pGw+mNlx7nM0vHpjwB94sKy6EfLruAwwwR4e8Ys3g==","shasum":"983a094ffc293aaf66cecb04368e038fa15ba473","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.1.1-dev.84.tgz","fileCount":963,"unpackedSize":61792082,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgbunuCRA9TVsSAnZWagAAxUMP/3PxooAlTSe7uU1wDYDq\nyXLrcwl8pu3S9/5PBw8icmBiJTteXvXklMEmQntCdkcRWO8WkGBoJ3b5OKqp\nvuFoSCWDx3Y6JXrKjsMZNLYey+T21HknSdYuHYkczEL48K0bM+nB+CPY5giV\nnr2NdM2IvJbPhWTesiRL4rN/ZdcSGIWZo+piFmw6CFzbfLMLXmoTA0BFoomt\nx5XQI4gRowubqk52D0OOt/H4paHr0b10nbtFayOcfPlq++41q/vEFFdjaYUF\nMjZf4+f0vAMdZaQSQpdtsWFQIOt9nSj2PxMggHDFf2jRf3GO5N8j1WJJR2aa\nL+CQy4+G58jgOffLho23LYbT/tYGaRpSKSa095T6SbjW2kX331gM/1dKrYT3\nH0gTkwxdc0WcfMv27SAdqyEKGxj+uQ32I+MND+67fpJT5n2C4QmyspfI5mw/\nQfq0lDQiwY4lIO+btotjbgKLDGj7t2QkVQDCrn5cm4pvMvroPSHT/V/TtD4t\n5/B/q80nVgTBLQ9QeMT6ICxGjB0s6Z6KiMr1rAS1/K8iZdmmPjZgL9nXRkGV\n2qGldzyyGo1RFALvXL/HcXX8JBy8IUEcqEhEqBFNeihKCaFG1Ir7VlGwZQUt\nfWORpWWtqserN6QmsuQwb7/57P/lO2bY11FZFap6QG6yVT33T2RYxWsQ/eQO\n/Q0J\r\n=9eS4\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDxEWoOv9Rvv/RcJRMR+eneoJxBX3+ygKWMXe99dMiDxgIgSX08i2+xWFw7pWhvZIjsabUO/1PlkFzbD9yduC61flY="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.1.1-dev.84_1617881581825_0.2432560585744361"},"_hasShrinkwrap":false},"0.1.1-dev.85":{"name":"@spaceone/design-system","version":"0.1.1-dev.85","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0","copy-webpack-plugin":"^4.6.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"6e653eba4a2d8e63d770c7f6fdb4680ff5ad594d","_id":"@spaceone/design-system@0.1.1-dev.85","_nodeVersion":"12.22.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-VPOQ1L6g/b5yYuv1cDVMq3guizbNUYsaObu9VYeICfv7oCYu/Y5y9lcKR+dG8sXuRlWmPwPwIYDmRl4vQqAYng==","shasum":"97ca3b47ac7964ac94bc4e9625ccb6870ee5e53d","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.1.1-dev.85.tgz","fileCount":963,"unpackedSize":67029287,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgbuygCRA9TVsSAnZWagAA0+kP/2PBGf922INOU6+BXnlh\naHspURxL7N+lH4DFgoD0XjyqCxV7G1NZSW11T0InMQNw6gLwx0L4eBlrC+HP\n9ZhBJia4+/77ByDZMGcn8fTIPoU3QCo8g/l2gce8B0p6c36ddBodCCNHIGTE\nOzjnxHYlst/vSMcv2rLzwFONgVnfV+Enj5OFfSVjMgH8iJFE3hGfd4Br1m8l\nBQYqjrc47DIOIElqLCqIyIcL7IZ/hoIcoB5WJTMp8WkxWVhrnDqI3gb2f+QP\nXX6goyemDASnSXEGOglrcdGwSoJj7hmCMZfMtca4feBSCzH0T7byAJovtYUq\nx44XFEJH4CZ+/ICih2LHZGbIbel60dZLKTYVb6oc2M+sk2VhFsUZlJ/KJwSu\nKu49p/A++rrfRR6BVSgqReCUrlLiRFaP1ijUYQhw6EUaA2XPOQSne61legDT\n4mLXwCjk3DkUPpqSX5rSLLJZq5gm9SJzS2Pthf1PkL1rnnkA4t5uAx0AcFbr\n0roesZW3/vpc4XGcWIsT6klSK+7cDvvZ0ycv5KdfNrHGMEbB2nVHg4stOhgL\n83ZGIDTR4bhRTV6tFuvDTqT7+6NZG7DcWVrgL6ScWIY4vg2o0bkxjg4fPy5q\nZjYi7iiILnUubzzjE8IsBbB3ZwzuOwY2zUb7Vs40gXSqCF69owjQQQZA1Q/j\nsK5q\r\n=A/aL\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFqUXamCWlGGcozisB0O7wZN2Hzq764mdDGCt6lxNWTdAiAV0si2pYESUCbtfsiTeRtTLJWgxX2IGMFGRdIJTuZbfQ=="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.1.1-dev.85_1617882270894_0.6251809745835442"},"_hasShrinkwrap":false},"0.1.1-dev.86":{"name":"@spaceone/design-system","version":"0.1.1-dev.86","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0","copy-webpack-plugin":"^4.6.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"521072c009377ece41037eb81dc70c3f1fda1acb","_id":"@spaceone/design-system@0.1.1-dev.86","_nodeVersion":"12.22.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-1hxKnWYnNFtcazzkbE/eeifp1ZZ8FaTuziUL23Eh7dTpaoHE+4pZiZVD7gksOYV34lNg16pcWGF8Nxtuk6HsCg==","shasum":"3b7e6eeee5a1f2d58a9c19436b241f7db717a40b","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.1.1-dev.86.tgz","fileCount":965,"unpackedSize":67027938,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgb+MiCRA9TVsSAnZWagAAQogP/34Rppk9dww/rn3dz87b\nidVX5uUCAlR9JicD2RuUTU3frZrx2sN7/N+XsEQyiNEcqau4TcwFJp1zWp25\npIvDwc0CypCqO7SsUCn6aJ/430V4Qe0LDNkzVILqw6z28MWXqJUyGm0U1Il+\np74bePXM0xTqEk9F66yKqeu2KbldOANXYSEK7soCLTmcE5EfUxjYtMZ+hIpc\nTuW46PeDU/gTHo5crcXXZqCMz7EEuKdMGLsfp4tFsuXxY1dAS0Wu0JX4qFEl\n9bjzp32sxztECyrx3DWmitcSnTPR1Wb7nCqct/tyz1YaglRNESviUzDQhkKD\ndNSXcvw2yqZGu/7h4prJAZcMCyDpgOfJ2m7p0j3WuosT5FJaO0DzZ4ZF/BNi\ntAoMoHItkXSx3uYKE+EdFOOvf9rAJMkxrQudG5LAy1lrBEuaMq+tVc/YFWPQ\nMYHMN0vtJ6IF7ktCusdwHzTkoMJa1qewJ8da8ZBA4MAK0+iym8jTRYdXe9Q4\n/zEVzlGy153UfAcnaM0p1ir5yvNbL/EpeEmNYKV+8jFyXbk61TzElJX8eEzk\n5IEgFKdNf0lyZIQhll03w9n/gFr49boQQD5VzxrrU1PzrZQefx87huMax3XQ\nQ2FCivwnxePs5msaJb5IPfWJ5SIWNqkiGziy2PiLoCtdK8417jaZEvKhUTX7\n3E50\r\n=kcjO\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFaUMmqOmPLTbvBf3uscvY2X0Db/2FDyGQYcB7TfvOfQAiEAwZPgKu32koRCzi7se78X98O3lNYVmFHyqcsRM7QBqSc="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.1.1-dev.86_1617945376145_0.09975948361941156"},"_hasShrinkwrap":false},"0.1.1-dev.87":{"name":"@spaceone/design-system","version":"0.1.1-dev.87","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0","copy-webpack-plugin":"^4.6.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"f25fa6663b3c2c0b56c155568341dbadfb46303e","_id":"@spaceone/design-system@0.1.1-dev.87","_nodeVersion":"12.22.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-1H+Kpj/m0BNng9bk1hffxYF0rxNhRzv6c0Yq8r7lyiHnf68Q7aoLk4/+EQiPBHNwCdTohIHtUNKHCz5vTUINcg==","shasum":"f6cf8a7b25f721a7510314560b81e8f59e6985e9","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.1.1-dev.87.tgz","fileCount":965,"unpackedSize":67027857,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgcAc5CRA9TVsSAnZWagAAZzUP/A/YWrzrBC2/cHCeLozS\ntbVcsbuHo7AZhlXvo9RyRq9tq3/Bpfuwg5bYDk5avn2HfB076EnNw6WBuWI6\nS4BNdxXU8i0Qc6HEzXwH5NqJPi9tNNbDlaKTQWTE7VkWy7uAgJOfa3bsPmUe\nlKxvcfxrOfdfeoxLTqy+KcutaVNY41Fyl/jrJncGHVjNiv4iq2THS4ErYT2v\njsz+d6tBYepR+xYIlcdLl+G+sZgoClgZqPKdIHT2tJHcWYR0Rp3R9pSYR3wk\ne9BLn6LgPi3uv7UllFgD+TMAqhXL92fjZwJVmCIZqi2dKzFkcHc4/aQ66Wgn\nYN3XXW5xlcv+paTLdUYAwlEI2DG+/mOoM9a9Ciu11ZkIp3lAcmL1dfowaEcx\nSL+vTduEj31LLrnVCNL8HLCGUf7OkvEke0HEzl95ywFYvxubBJrAett/VFgT\npnZhc7/SQYb+gDLIVfu2ZThevEA8eePlQNJpFM2C+Ik8CjUa8AciKDptXV8h\nykWsJrarqFFGZDg2YZBl5qM1xBJzEqfe3O1gqEe6lKiw/iiX/h3cMToQVD45\nJjOsArbwCtyHtEhx5A5KeGnRUOmpm5p5X+iIeHMLnrDgrOCFAEzO86gbQKqd\nZvLAE8yfuk7CGGUiOsZqtqWbwcsa1BSI6zai2+ltj3XeH7kQuT9Q+iVEWQGT\n1VZ6\r\n=Qred\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDr6lKMWZtd6TpUTRHFfvqExjh6R0x9gePOtY1Q+lsx6wIhAPGFpHbZP1vGopLbr04CaJNkSuLO3P4bD1s3u7fhndts"}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.1.1-dev.87_1617954616792_0.36529532635147266"},"_hasShrinkwrap":false},"0.1.1-dev.88":{"name":"@spaceone/design-system","version":"0.1.1-dev.88","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0","copy-webpack-plugin":"^4.6.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"92741cf46ee149a89d62823532aee0729eb41c09","_id":"@spaceone/design-system@0.1.1-dev.88","_nodeVersion":"12.22.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-9+l1PIHTVkTbZp76lD2q26QgS/8X1paCGlBBf4CKO+m1BG1oVhHJY3GLuBLgfg34igR0oZiY5IbDdCaCQKdjHQ==","shasum":"40d046fb8ae5170009aea2e95eeed1651e962b6e","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.1.1-dev.88.tgz","fileCount":965,"unpackedSize":67027544,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgcnknCRA9TVsSAnZWagAAU/cP/R19uhnuTAhRnJ6OTcHZ\np6crU+uwr6U7r1ePyIzzinxug0xtrUOgptqSSjGh4bk1gZXxSG+iWGCnzR4X\np1lU9te1DmSm22bzomDZx2e/C/dvFUwwae7kYVOl82F894EmHWPl+HNdfWhW\njCRXc8FtZ24QrflA/ux60NmMXCifHvyji8yfnIvv5iFi6mWSYfe7uoP7Y0uC\nFKNxlGm5APHw1M3LkDC5uIGUyZav+vkYGKDrSQ54pTCLqFWLoFUb7GHYI/ML\nSu8mIjZnGbz7VVOW5wrJtCAFCkUm3CkDkhGP6Rl3imrY9Unr9mn/K85uUb6T\nPwJYevbrjwJne9DkRCR1LPDYS5BMIqXR2lEFRe4P1VdimBS69vJR/+jlnIBQ\nUvOTf2MYWY00qCJVWtwgxE1j7bZiLJcAULUoiy20z91wzt7ao+0X4XhIa6tp\ncRMURph+GzB1JPUx4dw3/Kx4J0KCGmcS0HnIPeCi0rP4zstsLzweFGHj0YfN\n3mNBo1aXo0bfYaqZv5M9RCmzg+tJTSLcAcg2DVD2z0YBkteV3+puTxTSCSGE\nrqm/hDmu2OfVvm7Qijdj2tO/PtmNWqTSF6FJ8rfq1QootrzeI12GB04nOrm6\nQQOj3bUeLRI36m69/8X3L8/rzbQVvlLhvNOKecqbHCcqKTglAZuH3KjsonkI\nnfRN\r\n=FjWC\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCCsWovky7zqtcHEfASxwI6CU/2lWFn6XnWLV2chbeEAwIhAPcWD7p8UsIsz7HRE1WooMrBazGLmrRTEp4kwy17VLh6"}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.1.1-dev.88_1618114854900_0.0975096738674448"},"_hasShrinkwrap":false},"0.1.1-dev.89":{"name":"@spaceone/design-system","version":"0.1.1-dev.89","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0","copy-webpack-plugin":"^4.6.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"9569908b4c0601f546198378bc3bb8da3d814798","_id":"@spaceone/design-system@0.1.1-dev.89","_nodeVersion":"12.22.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-AAOdC1Ilb7pWNIpLPZx7oiA+3obtpY7rkAfm/YQWZYsGUFfOaCQ9mXUbWeJKTCptFJX/KOgUAS8YOzCFHHdacw==","shasum":"11963c69a6940fab498ba58b5662a454d56ca70f","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.1.1-dev.89.tgz","fileCount":965,"unpackedSize":67052807,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgcq+zCRA9TVsSAnZWagAA0PkP/RK0iZlr5Hq4r7gIfzEl\n9aTf8xu/grDerLDyAanbv+ffiyrYc0cG86j2TLjflTPd6xqJnYGOxGxH4ULj\ne+GLl8t5tYVfEtk1LC4ZQceOshFdAKoxk57psUWLp6sH+zZ89H7tGN1N3BWL\nUH9UPd3CWiLbKRDu0vnhkFSnaymwr2XYylu8QMIj/D7h5DWlariqPab/4ZAi\ng0Olp6fZThAO6xiac2B90PSrVwa+AMk4FY096FlHvMP9Je2Suk6xWvSwdPwf\n7fgqtEMVA/16RbJXKWYCREpyXUxwZx3w3U+BfOxSm3YGkv3UpcfxtaiCqXvi\n/Fvi/lIQTe38orvWF14+6bJwqeKzkXHERUU1fOjyIowRt5pPNnUc+toP8kOL\nRgiih/A+pKS2C/a9xtiV/m96Agg9GZJ16kT5EoII+tG2ZZzENaKyFYoBadNM\neknumiKxUOBi4Q32r53wLcBQdCltKE23cJZ6aG5egAfX2BEONKDRcvM2N0Vj\nvmS/9X1m28TPgxdQLDQ1k2baQXUE2BppFs7t9pl7LpXP4UK6YfnnfcV29ULB\nXxYsWIkhxTc0Y4XB6HN3DJPRtsiUvPSfHdj2LnIp8dnM1dY/NYg9PZbgS17Q\ntiguzIN209VrOG7BdHL7Z+VHQDFEpz4XTA/kQTIAsC6YYCRPKTncNwon5z+S\nesUH\r\n=OaMo\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCdCybOJRVSLhmxV4CExOwJLiZ4seAqZNC2KIMBucLgpAIhAM5BpSTC6R9paBHogPzjE8cdkcLPQRsDy6SAnJ/RjVhT"}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.1.1-dev.89_1618128818260_0.06697434151136705"},"_hasShrinkwrap":false},"0.1.1-dev.90":{"name":"@spaceone/design-system","version":"0.1.1-dev.90","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0","copy-webpack-plugin":"^4.6.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"1a69ad9d1de2d928b372e66b0b22cc97122e606a","_id":"@spaceone/design-system@0.1.1-dev.90","_nodeVersion":"12.22.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-yXvWzG43XhQPie2/dEwDMhV8NMdSvkqkmlu5vYKf96JgVkEJWBOcVq/aOX21wdCwK8qojgp/KQaG+B/6ymp60g==","shasum":"bacc3874e4ce687f3a4bb1c45faa7c72c2e00d8f","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.1.1-dev.90.tgz","fileCount":965,"unpackedSize":67051205,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgc+/8CRA9TVsSAnZWagAAR3cP/2vAhgRq7Wq0t0iltrvK\naLty3zrXyV+AuDmO+yqOcqm/yq6MNIvadIq8n6c14uxJiOrNUzcRgksB+dQX\n1DtjTb4w1MgZSxsSdxZ26YqcTrIkIEJdqGQes8R9Zu2Xvn2/sWHVOuleOPMt\nvbnv/Z+nJVIobJBigA2N6wC73PFrnHQxt6HPnXIz1Vno/a9wqbhZfHIXVnyL\niAr/DOYGM4itI4NpRHpa2dCaspm/1ohdONTXmi7xndCetaS0Zp253sM1cnMy\nQS7olM2xJaRWHP2W3TVCyTt8oQI8Q70IKCRbOZsXEMk11hMOgaLqz560/VxP\nThAD6X21Mqkp1LEaJZ4trU6uxjWszz0D+9L461Lg23jlrPmvdLtWI7lkZ0w5\n7Pw80uJMYj/9z2Zc204fhXEj/9m516rPuSW75rsJ0WSGhK3DhcVsNhA9PA4/\nlBadxG1gV5Qbuo9tf3zhnxkkYo4MzNW+hGWepM1rWzZG71qEZa3gthJ77vTN\nTA1EVLfgb0NhfygFDQZfT6XkgzmhW/GGzVtJxVzWbyySRQdj5TxoPLmZ4z+b\ndYilMBCP7H1Xa6Ck384tTCLQViP/Wm4Hr8JXN5ka0pwHQOrngy5n3/gBAF39\nKyEF4oaQE6LepsTNEhrKxCwwxmkmoEt815GSbfsLX1DZBCeXS7XFFR5iRAjB\nxINB\r\n=XkpD\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD/iQg53i6HNXi5j8A+B9XD49tjY4bS2rGosJA8g33ggQIgQtWVfeUWX9cl8tzczMRa7AvZrEaSKAnGimsAAasottI="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.1.1-dev.90_1618210811632_0.7796837216692052"},"_hasShrinkwrap":false},"0.1.1-dev.91":{"name":"@spaceone/design-system","version":"0.1.1-dev.91","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0","copy-webpack-plugin":"^4.6.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"fef0cfa6d0b73b373f3ba76d73b020b8f65eccf0","_id":"@spaceone/design-system@0.1.1-dev.91","_nodeVersion":"12.22.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-iWca21EddQBJaoZnURCmcctUNQ/KXS+77SNbP4h1ycH8CoHZeFXj1+9gNM2zK7jaIqjrHGDEqAI2ATWjzAhEUQ==","shasum":"1c847233e560ed18a4c83cbd53b946745bc74067","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.1.1-dev.91.tgz","fileCount":965,"unpackedSize":67051424,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgc/STCRA9TVsSAnZWagAAINIP+QAjVekXmxGBS6U6XP1+\nQCNooIeNKLxxWzk09qtwvQ8MuCa3Riwkvxtte9MTGj6OTlAegbpx6qR7QmF5\ndk0v/emIUxAYp72wb/FO22LoxnKXbMjFEELwtGUxXtc0x1tqVVMiaUz7qxHT\nRGGfzfNBOuOWckieu8wJn3LYW0sSxgmLEN7F235llx0WCK/yVmlozfEuN7fS\n6AeMa+TeSI/cj3HCkS/Qnzr0OnMlZY1AJvE7DLTkTMzkDs3Zl/pBCGwpXEKb\nBA2tyBsfP/dHzUn+1+JYGyN5POGWbEh3SfQ8E6rW2VvElqudqPHf11dpBUGn\nj7A9JiPAKDHLIwC0D2Il9RmBY4f1c+8c91ol5C44JwCwePMoJ3j8+HRw7QI2\n5DeA34LThudlaT3y13XXCgazh3al95qWbkheQnijhDgcWQd3rL8chmXX/vBm\newG6QoSn+s164NXTeFoLisYeDDiDSgtGJtl8lj3whVCQaDtoxdBipKQSCtYP\necS6+MlXjyEPD1Y31MHdGABxbc4gAPXLclb/yLyuHepQ9aX812v/m6a9dfdv\nd9KU78PgwNQSdN9/bjmKS5eUo92ltmDShHJigRmQiJtOjMCrPVguusKBsuqJ\n4MW8LKhKo+Hs+cTa3jBIpqkWUqXzIy7Gi8N+R6VW7hbfmgJXnXqSf7nYyHKH\n3OcE\r\n=e/hy\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCovqiJMe2TEpQOYaewMmd22VSjdKxpCdIqi1Fp1sad9QIhAMrNHHkb5AJUbp+glPtezZvEHYJHG9bbZv6RoswYEIpe"}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.1.1-dev.91_1618211986125_0.4480824507100707"},"_hasShrinkwrap":false},"0.1.1-dev.92":{"name":"@spaceone/design-system","version":"0.1.1-dev.92","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0","copy-webpack-plugin":"^4.6.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"83707daea3c9ee519be2b27243199e36c0583a8a","_id":"@spaceone/design-system@0.1.1-dev.92","_nodeVersion":"12.22.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-V+oIbSu0+mPF+ZqVo0WOCCcPiNFAB8WYrgfhydBI0LuwkLk7N6O9koccbTczHRYSQwgFCuKDUIkPbD7j0Hfhlw==","shasum":"87d5e5e71183569c7244b0b89688ed87a420a37a","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.1.1-dev.92.tgz","fileCount":965,"unpackedSize":67050978,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgdBbPCRA9TVsSAnZWagAA5Z4P/1hDMdtPF1EOr3P13LL5\njC1pgC4FH3lpIYSHHa14vHf13EgvKDsQbv7jEy/TCQV/Oxkq9zvda8N7o629\n3FgEFEWYojCz8m5enwwLMQuJvQ2H5n7enm2uDiZ7K7qyLJa47/f7qnn8jroe\nj7IdbdZ2a7t+g2Ami+O/gZdQ+jae5Q5mCdVo2SnzDWTHVT0CrQn746upZ8mk\nXcEVrC+IQiZUSwmrYRlhWdSFNXfl/mjLx5EoEU8Ic4QE3nLvnGyYnhKsA7/O\n7oQPPML1CAmRDhJarM0CysQZsHjm5ybHNuYiuGs5VoedQVE9tZtHPeWBmdYa\nbbeuTvl9OHABTq6GZ7uRjSiQaTUU+IrxIQKeK24nwhEJ/Jcyl2Y6tbnapTyR\nmCctUWa46b0gqTgkU3prZrR/hZz4Ltc1viYYm9OQ7GiHbuu0ZtlUyjDKoaWR\nPmSkCAb0sBBz7mutb9KwXB92XbYBufk2ZdMmAsYg0Y3y7DSRLB0xanfC8ZdW\n92VY21mYLzwg32FS1Y9ZV+xCuMr+Xbll4Hdu5bz8q3ikyXoFPS1IhGG1Cfd7\n43Lnar6+vNR7G+zoAEWz1ceoDFk6ElldfoJAxw+weUAZXjhUykf1Nn6+fpnz\ngc8GmWwn8O2e/2V5wCO4QSsqF/Rry2MrrLPzmpTp2Db1IYb17SaaQJ0iBKUW\nQYP5\r\n=DyVv\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBELJvMEWEyJh0KP/8lbGuwj+cbw2iXmcZw99n6zMMP0AiEA0fS+rgeVTiwJHrjNv5ptiTsQ/azRoWXHkCXRXepgDiU="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.1.1-dev.92_1618220750140_0.32164723205575396"},"_hasShrinkwrap":false},"0.1.1-dev.94":{"name":"@spaceone/design-system","version":"0.1.1-dev.94","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0","copy-webpack-plugin":"^4.6.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"265c445d7f5b6fcc910d6016ada9e2c961d3d957","_id":"@spaceone/design-system@0.1.1-dev.94","_nodeVersion":"12.22.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-T5aTxIspRZk8tW6H5EJFJZ9IOyo6xRDQ9PZWChj0gXtYA5ipxghCUuETBTe5kdVyhAuwpScwEgKRcdx8ZDi7Fw==","shasum":"be2353a14e42ba79f3022581cc1706d31d3630dd","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.1.1-dev.94.tgz","fileCount":965,"unpackedSize":67051137,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgdRIDCRA9TVsSAnZWagAAk6MP/jDq6JVSYipaYH07fgBV\nrz8J9un6T4wxFXruLQf6EwC20hY8QSADxZVnUDDIMrxU8mKUrYn8yIePaxgQ\nZCPzQE5jqNHwoaArdNw+PpF16dMb0XqkMhMDH0gmg44rX366XPhvjAbEzmRY\njwnjXX8TV5Iw5v+maTGj9VQ7YRpNcq3gdLqvCW/HMU1UBUadTiZzcqKpHj62\nXkkDh5acJXtcSRZ6jUucsaHQrxFEKThtgR8YpMWgMSUyVCfoFvO6TjNQNW3a\nHgRZgZLSasumBmg2ttSy82hll6Mji+dRNfPWCO21+vuoKCfJOMDV7tY19zxa\netZ97E90N7OFxcoLGbRSZa+cDcSNelQ6agT9Z8+p8WfbtCFrrytU+6rcKgwV\nSeIfH8vJSlxux6Plx5KOOD1D8B1jr7S0bpbbn9U1AFXdwrM3PNE9iqNWi7SD\na+Vt4HjVyEpoRVPVrPiFX8WipdKP4F1enumPTA+Gwrk6XO4mP1Jo44P2MCmT\nMNalh9b6hUQYFxvm5LeflHit6N/a9SS1gnA/Uw20LQCBcAcYXtYkJI7P/ueq\nYaSb4Dg4S7VY5GSJRtDVcjtMYwrclARjXVn6cBn2AKs24To9YJPqsLfnpdQg\nKsoHgTWM6YiC0y5vdZgbYlkoOAsWVdqLuZM3u3jfnS3NgEI2Swrlh0FaN4Rv\nHiNM\r\n=rAud\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC3m61fCoEIJZSrGenrQy2zYcyBFZpvuD0GKCASfeDtYgIhANjmgERgiiSTT4kGbZ+kWESyg5oBCVuA46GUo+nep+S6"}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.1.1-dev.94_1618285058732_0.4477907228910156"},"_hasShrinkwrap":false},"0.1.1-dev.95":{"name":"@spaceone/design-system","version":"0.1.1-dev.95","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0","copy-webpack-plugin":"^4.6.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"fece5680b7fc828650e0e0788d096816381d8fb0","_id":"@spaceone/design-system@0.1.1-dev.95","_nodeVersion":"12.22.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-bMU49q7XYWFx+xNRmd4dUMnjoiAyxpaVMn6R6WXXdhR4Hfwms6VFX8Ck8smfS1pO67B7IkGqKXtGr5K/PwT78A==","shasum":"5d23f0c5bcd0c83e933c9fcb20bbb2332502b857","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.1.1-dev.95.tgz","fileCount":965,"unpackedSize":67052624,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgdSqCCRA9TVsSAnZWagAAC34P/2U52KqlOmoQiyQaMp6y\nTBIZOGGt/pjyhkd/MlNUuq+rtj7s7TTQeHXfp4FqTydQpT+W4a8LE9YUqzWu\nnPxcz/3aIKW2xvHh243nqTJ3NTQzE+FcPpL8CGNEvmp7QtmGFgvRbiOCg3el\nS17fnFljbesxalqKN8uINKJNy5mezd312sz1RCEOjLFdaVCFOLyFK7frI0GN\nbFZAFYTtkhsljFH+2n96rEwbQC49CuPSjr1aakJwr5PUU7+Rys4GVQe7xNB4\nMTo+B5LixNQ6BT/cPe/zuFxClftkNNSqZ5DrzFbUCdZB+9NOKcSD/dQnKe2N\n/7lfMnMgesQvoR5MKLz6G60KmU0CVTMDxdXjaxvqDa2/xyGW8JiaZ2u59FhQ\npKYdnBXAoibRJMBtgZ7Zkz1G0dLtlO+QbuI5s0LRLx45AGeBlZJ0I3xDAXsN\nY9308hPw0mf06nM1zTZ/P++7/uDUI7sFgHH1t+GV1Cvnl/bSwrgMlytiS0JP\nAhoRrMc6zrEX1Rl8YhsVOdD72hGcGH5r/GQSfCzoq0aZfC2RDI7BPiFg9a94\ncFWkkCSIUtOzofvW/lh8LtPfIyxkDfKKR3P5UiGrOVNxNpvR/CimjNMU1cPw\naOg4MAcNKvPxq2BYekvBILsVeAYXGmXajRUv55Whh/WDiVIt+58D/Qmn3gte\nO9Up\r\n=yIbb\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDlyf93blRTdzt2yjXzpBkjejK3WJDRSabwoQdSy844lAIhAPpxCckbpS0dSIamfJ62+lHAnXFXOms6lNlgi05tAepk"}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.1.1-dev.95_1618291329807_0.47682007515868174"},"_hasShrinkwrap":false},"0.1.1-dev.96":{"name":"@spaceone/design-system","version":"0.1.1-dev.96","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0","copy-webpack-plugin":"^4.6.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"fd1312de914427917d2f2da1ae62929da2ee7d4d","_id":"@spaceone/design-system@0.1.1-dev.96","_nodeVersion":"12.22.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-q0yT+7teUgS10kY8L3p0x0eCPepYJqIqseImhwLWSiw4n9Jx1Cah7fNY92sNSy4qJSsjBkICNl22cwp9HLk36w==","shasum":"d119759906facd7c7aa98994c149756c64bfeb61","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.1.1-dev.96.tgz","fileCount":965,"unpackedSize":67052615,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgdTbuCRA9TVsSAnZWagAAe0AQAI7YXrXf8iI26/H4ywcq\n/4YI/x1qYeSOv5FsYtkZ/5BWlKTGScrSfZ8piZ+SQsjk54MrPGcsrgSCA+/U\nkIOo18ZtVfIdSBkEY8pcAwgB0gGpvlcWdPjRMA03njmHpvc8a0Ac98eJjniO\nOG1S1sLphKv5Wm9hbujnqQTc3cr4AXGk1NwCZ2vqpn80nfcV0r7h6n3j6aGn\n5cQESK3Co9pQy3fkEm/t1wjvpt7qN6wxYO1nR3Q9zKPwbBZ1XePMUF9BvsLU\n9dAreLzX3w/RFlPmw2yg9vbAK6wcOq6/LnoIHdEyvs8nPmqJ3Ye1NFNa9y0w\nJov5lwzVtx2Z6hnNHVItfdgAllAm3N3VbhQPWyqPbqOjvRnKLoZgcA4VLAJ2\n12H5hdE0yTmZSpgOAu9HTghm4dA2jdXRyGdrkmSncAWP0iPOHDF1ORibmUkg\nzemRCFh0vG89h5u5CVsamsdjJpGPwJZ5MZMujceI/aQ5JueQFb6QG+WfY63Y\n2vjQuEurRN3qmwFnOra9z6VhcVlR9lJs4PGHcXnt/HGQi6JIKBTsTwHoFMDr\nvMyEEBn+6nByuto1wilBJtO1mdAvlAeueV6hNCwHulS+OtvZyzxfk/BnmmQ0\nANjDq0kNqW68ag267KvRA2J8TOwr1moOtZvf450qKtf44NfiqarNmyG/Nq9I\nI1pF\r\n=NVUO\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDBlvMpO9Cip6uoKErSy5WEkWJvNlFkKlLGjkIo/b2o7AiBUPDsQVMuGxENd4ani3sPQDvqOS2+V9+pM/Q2FQuvM3Q=="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.1.1-dev.96_1618294509302_0.2928286719426876"},"_hasShrinkwrap":false},"0.1.1-dev.97":{"name":"@spaceone/design-system","version":"0.1.1-dev.97","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0","copy-webpack-plugin":"^4.6.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"f2abfbfd3526a81868e0accd1662c7969a039ba2","_id":"@spaceone/design-system@0.1.1-dev.97","_nodeVersion":"12.22.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-OrF7SRUYxxkOLH84RKqAzeaMbvQIUGSvqFA2xz+cJsmQbRBBwmgA8lfJQvP1ii6jg1odbDGqXXb11ilxVj/bSQ==","shasum":"ebbecc08983c199c445c542fa431f41144c5bba1","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.1.1-dev.97.tgz","fileCount":965,"unpackedSize":67052941,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgdVNgCRA9TVsSAnZWagAAgZ0QAJHY6PlyA4b2K1sRsoqK\ncLRQ/2oMPcbH//LU/WzibIj+MhsWQy74HRh6UlpQTA6HOO32FH7HLKcxsIXe\nvPQ7CiKUzEUAkCYTrrawEg/K7tV9ZLCoC5j5wTuFz2Z2p/3C9xBtctcaM+zQ\nK7mjRz/songyQzRCdqb4U9qU0emceiB/VEl6KTIIqigaekrr+lI9TGAE7ruA\nLCaeTh8Kw+qtJl41vUxuQ4Bxsm6TdPGqJoTFEVkbfWEDZ61vE9thq8AFP0Qx\nUbPBJfsezdbEoo6ddpOoqbd40L2YQthIyXbj/3x8PeW74jt1Dv72kgSqkIji\noc0PvA52LkciGQUI95yKL4hm3+jDG57YJEgdc/MT1l9EdG77FxyJeIqEv0sT\nAS8m8GAb3wlnI1BPqdDTtgBIsn/MmF1tZo/Kh2KTpnGcL2NiqAiZZ3EUcBoN\nTglCP9Y1c2NzmKKoBS2tEQ0F1rXACaHNHGBdBXusNWuT8be6tWPVLKkqlGfo\nzCj2K1voWy8CWma0ycAhWInaNLD/jlE7fXjI2BikAua+R2cWIp4GWkykcd0k\n7jhf01sstfNYSWJl36nqKstnE/jIt2f5JwlEuopuZ9xc6os3LT22WUtqF1Hi\nPsgTTkwdyh5gUy5SefLwOhht1dZ5aNZCL8qtbwjAbdsRMHsa/UrAAwMAGwyi\nEx7j\r\n=bGjq\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCEMSA1AcrQLAn+8VgKgFU6vWrpz7VIzvtFX6fohbJe4wIhAPw22w+KjaD7VuMxghUW4zLn2bqIVW/SOx1p6o5dmCVB"}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.1.1-dev.97_1618301791379_0.40353107389601894"},"_hasShrinkwrap":false},"0.1.1-dev.98":{"name":"@spaceone/design-system","version":"0.1.1-dev.98","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0","copy-webpack-plugin":"^4.6.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"7b4b52e0b2b83aaf01fad166b6bec17b0d394065","_id":"@spaceone/design-system@0.1.1-dev.98","_nodeVersion":"12.22.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-kwbhvJRXZAqD5+n7TLMBDG1mbbKvAMuBMXjIZjtmRZTJzCw3PVydNHK/P8MwT9QSdN4sC/egcCd1Kgsb14XAmg==","shasum":"dfae36ecbc575cd42adb6b15b84fc57d732195e9","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.1.1-dev.98.tgz","fileCount":965,"unpackedSize":67054078,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgdVbICRA9TVsSAnZWagAAFIYP/ioLVBPyqxsPKv98MUeZ\nVL+ZZR4KSLaMjBXxPEVcWJgSL5Ccu9NFlnBiZVCFkzQWipKqiHjBoOyWMrLb\n00+YSpWP9p/HaTsdoSjvd1mECEyGz1CvVaZVp/uGAHvONg9u9VQqTb81shvT\nwOBAA+lJowNnRPssspuiDH2hTAjfHWNfzOvt1gPj2JOqdVs1OmhAMYQXR8Bx\ndMaoytF8FC7No9qQIXGSXCcMyGLVNqF5bHnawIJJjWW7/RTDodcq68dperdi\no2lXn/Xc7YL6A3MZ+noc5bi3NqGRfYaVkGSB1bRWJbFpwnelAsD3O+QrP+T6\nCgJa6q+zYIedSpl1f+DpLoSdgGiESqrh5K/LIpDaeEA7PAvNiWcAkMTe8FDy\nsULJu4CVvHG+QpMSzwvqDGmMRy75o3DXp46KnC0U5Womdo0WoNlOIphSJ+qF\niEAIvwYngBXZVVKoHaUhDXJMJFzd068/3JiGBWsygXEo3bwt5erWr+IHuJnx\nFCm0Xl3vixxhByzGZuV9QudxsZ9clJDcDxqfPXvJfcvc+cjVzYn1FLsqwg25\nzCbiok0Ba889IOS6wKXiHTp/8SWA4D5Y+/sUmUFJt9zjYbIpYpUTAhWNl1hU\nyN9NyW+EkIrMLD5pv9896OLyx4eO9GbJNCAGaJcNNRCfkZzkcd1gFmTM17DL\n/P1j\r\n=TVf9\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDLObsLP/mOMMGwTxX8ksbqS2BkD+V4Hpi4Im4j7tj+MgIhAObV+7ftAG2GgSi2BQ+edkSYw8TUP8GJ6LgpNjDYuQ/N"}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.1.1-dev.98_1618302663868_0.026599455215589707"},"_hasShrinkwrap":false},"0.1.1-dev.99":{"name":"@spaceone/design-system","version":"0.1.1-dev.99","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0","copy-webpack-plugin":"^4.6.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"75f2c97b790d82d22fef15d6e17e4d40a1d3a671","_id":"@spaceone/design-system@0.1.1-dev.99","_nodeVersion":"12.22.1","_npmVersion":"6.14.12","dist":{"integrity":"sha512-P9ze33RAUgcewthi9mKlNr6AxbJ4JfIOJY1krIcDD+Is8l48YvopTQyI/UJhMtE1aqxNn0/LGk+vsZOMxrka3A==","shasum":"6346550c39d89208990a844028961f00d86c8efa","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.1.1-dev.99.tgz","fileCount":965,"unpackedSize":67054246,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgdvDECRA9TVsSAnZWagAAKC4QAJHc7U0CbmovBNhiQB4g\n3cx9oxr7N6cOxMLnmdm26Yvr/RKXAnm0HFMRNqMosbM4LSMfaAUyrgSfAhln\nk94sFDjgit2h6T6E7d/ED/TmA3memOMtnf0wmZXRKjq5pJ+gnrKZ5dRKTmXT\n8mY72F7yv4u0vE8iHpeUT6FsUeGB23wqAm4mQEO58Ly/2dO9tGvxPpx95mvx\nNWHTJcgcPEGmnQxqGEVHSHzQKmetx0LKQ+Rm5crsA2mDzeQiLOYnjZ4EbBNX\n3ekxUjxxiXpB+t16ovH1oqgMcFKxyuQfDiUXCVIlp1U4IcqY+7BNSMHEAs8p\n1NUnMUOaDzcuw/rjO9aM1WXX6iVUtlX01dTQNVsIi0oGhAiGBuFtKfCEgBjY\naS/9lnVDsf/Lxwa6CTB9F8n9fNYsvcbovy0Gw2bCMOPZj9X1dDzXCGJsywVd\nKizUmmpgS6DRmJPGOKVcU1KiKzYvpANR1zwjWZX8/RjwVlkDCEs4gKMCHbyH\nNqMOkzHu9SqpaKOK+117D/0ytTf4LAGJqtS3UnOPA8aYcvXMNHvnIfw+t61t\nBo7+5662pIhJTd1zXcmggdt5R/T92trpQwO9JVcwMIYFyjfq9zW5EglPZGek\nb3kMSA6hlxipoGYWaT+sxJ0cdHHGylzub+xxiIF46okcenv74Ci59ITcVzvE\nMTf+\r\n=2vai\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDLp5nWyonv14IDaohnoa+x+8CSWxh6bI0NsuU8kRltWgIgbK3zuIMk/TS3v/79wm1wxeogBTu911wGCI8mlS2PN0g="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.1.1-dev.99_1618407619220_0.4457205363167851"},"_hasShrinkwrap":false},"0.1.1-dev.100":{"name":"@spaceone/design-system","version":"0.1.1-dev.100","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0","copy-webpack-plugin":"^4.6.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"e1e19be54701f83596f8574f6ec78dd1a16ae898","_id":"@spaceone/design-system@0.1.1-dev.100","_nodeVersion":"12.22.1","_npmVersion":"6.14.12","dist":{"integrity":"sha512-CVjPOljWFGexo3YtnZScZ0x7Enea1b0QtYjb6veJeJYYBarAWEQR2fyu/lK201cxNKjfGdbxVjUVtnKW1GKVtQ==","shasum":"76d2d2158b031a79f898863dc9f4431c62003cdb","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.1.1-dev.100.tgz","fileCount":969,"unpackedSize":67058306,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgfqOoCRA9TVsSAnZWagAAABUP/iIQMA0nXUxkRtOWJaG0\nU4zkh5pHFLS9EOCZDq2Xp87fiJUR15z/W+U9wcpktfcu5LjJu0dxHj1RH6Ke\nQJ7/6M7gLLDrDVhCpZJZ/piheqVFEI99VvTc81+3TbBCdRpWdNdXEWndi0Wk\n983mmGnIb9BAQU6iy5ePpRlWGMYmmWP4X2J6gd47X9lkDgC0T4xQZ8B1A+N4\n2ninRIDoCATsYrTWVartblUIN0wJ5mvhBHWGUo7p04iqVfqKAxt3xZO1nQq2\n/y1yekINRumWJLneA+5sBhzM9bxw+KbqJbGFgiuqVUS32b50yqLt8w1axybp\n/hlKMhklcJKsSdKUPA6iaNOLmJol5HWs8Jc+GGT28hscB2vr1RTlVv6fGHIk\nzXpuiWGdSMxRKuYXRnybDAZcbiGC9/4ezZ78hJoyAMdz+vz8EvGgG2Zallmn\n1kYo6xo3WQ3BF1MO21TgdjvxG7JWtEPr3lzphCLXHQ48Ee+rQa9mdlYzHruT\npcQJ3HU2QKh9DWATqps3NQTIznTTwh0TUhqVkj2atv99Kx4BA4QE5LeWUwSU\nEQ0IEbuioiOVzZxZoHZjhP2MBihu1ayQIiNi++mQPgl3UEsMrzJa8SPqJ1fU\nOuq8m+GR1WuPzHRUmV27Scdyu3GGOJ0JA4IMAetEqXNdapus6beuyGLgnmmY\nKi9T\r\n=027P\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFBmDgJNMViDekLcdTchJdEjDdz+zqdbFvNhRmK96YhLAiEAq3w/5eFhfqihgurgULm8zqcipP6adWnfutggQmoVPjo="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.1.1-dev.100_1618912166766_0.6123673825873144"},"_hasShrinkwrap":false},"0.1.1-dev.101":{"name":"@spaceone/design-system","version":"0.1.1-dev.101","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0","copy-webpack-plugin":"^4.6.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"2e86a3aaab3683a17adbaca21e67d1f4f430e317","_id":"@spaceone/design-system@0.1.1-dev.101","_nodeVersion":"12.22.1","_npmVersion":"6.14.12","dist":{"integrity":"sha512-bqMNK13zTVzfutd1WL6R3XMbB5t5IV+HIvxUQTy+Njs4J8Iy0BY1XkhTdsO9zILAEn/L2IjV0Vtold3FZdqk/g==","shasum":"6ed75beabbcc8269f5b48f08645c0ba3882a48c9","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.1.1-dev.101.tgz","fileCount":970,"unpackedSize":67063032,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgfsOICRA9TVsSAnZWagAAvZIP/2JO017Gf/jyX7H5zPka\ntaXU3uZisNMF/r52wDL60CPSr15WuL+Kq5sTbQosovnGo5Z9DCCGw7Y065qp\n3BSYNKLEOY3YgaPv/8D09G+k30s7jGEdMT0aH4IG6ZTqUffR/J69UdxPq46Z\ndclMSTuGSqNMv/rJhEgC59cOMBnYaKtsN25ytbpdsUfwBSVZ8vsYV6XzuQP/\n1CeIsgRfXarQJVQ5+0xMLijHlMhbZ86qN9ouKeH30m25NcXxgyUeZ+k/Pw0q\nHM+pez7GYbONY1TJ0+HlUApbqztwHQVNrjPPD3+Rb+18FGi1fXMXKGK1wryw\n7zt9OM6Rcc/XHu54cetxmDdhZgJzWuMIHV0rGbohHMZb53YpXzlw++WI9go/\nbe+psdd6/SQoKJ+ME1R+qu992pGj+ROdmGiLEoych7AEHob800k3iY9+9Ik6\nOFkPNJSsKluwFJQkiJMTCNBt5lpHabFAcwY/qkeXo/UIXA/Lq2kjNXHUSggz\nwZDZptcE9oCcgLZ10dkbKP93KHd0u0OTsIhlNoYsyEQkuRLYqRvQFAWp6htv\ngBWNvnuP0Hx2cOzMop8CrTWbk6LHHqEgs+7y9iQwD9W0PFSIW42tw9vWViI5\nWC99fTRdXhegxhpR/SIr5nPPGAISZBbnHGLQTsc6HNrH1UNhRFUACBirowro\njO36\r\n=wg1F\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCE/9jS9x68K72pW/4FWI/uCLWwEpZRwTbn6a9mJ/q9DwIhAMIyLkERlGq+Ym5zWSTzuqb5z9VBu2S2a8fwdmtEMH3T"}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.1.1-dev.101_1618920328084_0.03257163339682245"},"_hasShrinkwrap":false},"0.1.1-dev.102":{"name":"@spaceone/design-system","version":"0.1.1-dev.102","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0","copy-webpack-plugin":"^4.6.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"0add301bc0b15d6e6c3cd9ba3f552235e2c0ba1d","_id":"@spaceone/design-system@0.1.1-dev.102","_nodeVersion":"12.22.1","_npmVersion":"6.14.12","dist":{"integrity":"sha512-oOWDdDj0Z80pSHwPrK+QvWXi7yxTWdrUjjUOGlINBmLF+XpeOraLEGhstxeoENzdK/tXRja23o58Zgc6/gk3kQ==","shasum":"abe3b92a8a5d2bd62dd9b07705b5182db3f7292e","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.1.1-dev.102.tgz","fileCount":970,"unpackedSize":67070761,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgf7QgCRA9TVsSAnZWagAAC9QP/RmJg+sVrPREEhHiGZR1\njcL9wHPHLwO1sQda5NA/RZaJH9A/vsm55aWXp0encnFmUWo4ZDbOJNHIdHxq\nL4o4EUCkp80yT9jBT5MAoI8PitEX+liL0pXbOhH/sKM3dudGgCrNeCoRTthP\nPOqinO9qpOp+itP8KH/ODPdS3c/UiAoKtrFyjcBUe9+ZWUyVignS0LZkbjum\nOI6s0FO4DulBsdQm+IjpbFcdZXPnNFnNxLy0B2h4JblCELvFDUTpzJlV6NHt\nxYFWiIL//XKBVp3FZXB/hCmA5cy79ooHkV/oj4mKsMnnvn445quhBHc85vP5\n2cCE/h0IfEdh0/Cs19SahbTO6n9lkpZRNy+Ie1ZGTfSFkHK96BUjZiTl4fjm\nT0Iwdk3Y0WFUrhsNKO4y1rW5Y5TY/7pIryGPa0fGiJQHcFFtOqlKZwNITvVx\niyKRsCWU7y/oyJRjeY462Hzczb8iuA8bMuDGsi4cewD89Ng3/n65+5sDd/Q5\nA44LyIe/nFSdy2cuZnV9m60ION80mXED2bvAYXKWqRRJsK+BOYmcG18SPgn6\nZhhTUu4/6o9sF47r5mhP4ZkV/+AUUIcZi1FR9qEl8pESgSCzHCw62vs12f5x\nIo+H8SClm/hCn8fFrdatIAFUNdWJWNkJzs00ClNy85h2KPxn7molwVE09WXq\nEK2r\r\n=By/T\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDXZKk6J2iUsW9CnvhqWKv9dwm0Di2BQ+lVh7gn201GQAiB30LuE3EfOSaFCqSPdOOf4k47IrF+SO2/FQoPXnzfR6w=="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.1.1-dev.102_1618981919672_0.967086585033039"},"_hasShrinkwrap":false},"0.1.1-dev.103":{"name":"@spaceone/design-system","version":"0.1.1-dev.103","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0","copy-webpack-plugin":"^4.6.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"f9bcb6b162ee1b446d756f3eb4ac784f18f54fc9","_id":"@spaceone/design-system@0.1.1-dev.103","_nodeVersion":"12.22.1","_npmVersion":"6.14.12","dist":{"integrity":"sha512-+eDWHSN/rXpHoYl0NU4hklE3Ufbsg0PF79NJedSldWKGmjPMb8dQ+dLqnF8V5aFyJkkauh8r0NmFG5IW5j/e4A==","shasum":"6431ca70118e3afd3db04ed69e2d0cb7e89927df","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.1.1-dev.103.tgz","fileCount":970,"unpackedSize":67071449,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgf8WCCRA9TVsSAnZWagAA1hMP/2H5CCh+IOMt7eNwTfx5\nmNTpS6xh2YRXoq7eS5MasZEKNJYOusqH6XZejDBpFIP5y1tXtUwINKPb0A5I\nq7RfQl0Ybm9yyogHlwxZ2GQoMTnO8aXd04HvgJuZtjPShnH2Flos61EIUfJo\nj26M2mGAPOGxPTYllJ3RYVvxMrbUJxNvdYbCEBjAyfxGywqraeWdGXSXPjei\nHCFnPXFMTrNSiA2lGpV+iCNKrNsXLrXukkNDA0Kec9ImHEOEX6nU3+g657IF\nDd/39jIG+hYbjvwww2ORVoophiWpCikHoUqYBMVUfq93/js2bgWMKmU22tIu\n5MXHYn0rsRijgQLqCOU/I6mzu8I6MQbEqa745q076vod4hGrX1w/z9CwXnf5\nkrxBuP0j1tT+MFDkKhWP7N2b9wspfw8SkFUgY1ZWZocElfXi/eC7HjV3/81G\nY6fzzva1xDGVOjd42mD1Npdrk9kJZTOzgZgoSg1sNLLrvtWIsy1YL983IV85\nHWLCdWTD6ukvt1eBhwxHemALcUPzhBtOJLOu+HvWIuaqPao/i+MkxC0Q/SNI\nNxcTEIAsXsKU6qgXWzNzINmxadSqRrJJ8QcW8HJxhBt705E47MDrTvkSRHv6\nprD42uBI84aM/9nyX8UfQVWDnEuwhf8jXVRYqlpM12eeJRLm4u7hq72mKChy\np3ZU\r\n=h2TM\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBB5LnrAWKg4Vru1qf7nplGO6bf8NtiT8C9DUEKAPyfrAiEAzHIsaS996PmYMOoboLmqNTzP9ZSqXUsEZUzNQqusIeI="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.1.1-dev.103_1618986369706_0.6732186373678835"},"_hasShrinkwrap":false},"0.1.1-dev.104":{"name":"@spaceone/design-system","version":"0.1.1-dev.104","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0","copy-webpack-plugin":"^4.6.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"c163191d9ae2aba24843ad7366af2362137f8f48","_id":"@spaceone/design-system@0.1.1-dev.104","_nodeVersion":"12.22.1","_npmVersion":"6.14.12","dist":{"integrity":"sha512-zJK6AjKlYnrKOmy8lUqWDd7tHWcf1dmsz5rzBJA+RJaCN4ANDpfCGAnN0gmL7NTfBwDi7kxloKj0WvA+Du0y+w==","shasum":"a0ea9452c63b1ec0b8514fadaf70e56a4a411d8e","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.1.1-dev.104.tgz","fileCount":970,"unpackedSize":67071910,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgf8m6CRA9TVsSAnZWagAAlkUP/3/hhWIaBipwMR3wjcZB\nM16wgvi19yUvwVTaGMhaqig2k240ThC83Dvji9sXwq2gWqwxtZ+jNGMSQukV\nP2g4Xihn6WQcQFbEaEqUblkEOWd8ummbnhA6RLtVR7CTIzqg2kIhwlqIcunE\n9+NBFL6TvAEQDrOeOKQdLpBNp0qjFQF1iBvRSOPk8SI6hL9Z7TLThlP/wo3G\nGk5hr2wOzPQKVm110lLiBNDeK7zNl5C0SpD7ascOTqePZDmEB6/Xwv7f2spB\nnnGPA3uDYSHw06vfkMehxJVt9eo6aDYuCh3zT9ZkBezgvWQBiwhWjfJBbpc/\n0i1QSZlP2dfWi4t2AjSCIWPt/g34qkN2x5rS2fl7MS3/y/t0vNMsSmU8VI4W\nEJ+qO1jfCsogkAB4hvPSal4dRc5rg2/2yWypm5Jtf5nzy//JAEKISCHrlGv6\n/QvqkMadqXY1VEiOx57GR9Ztcs+TRyPGn4pK0mJ5oSLgUcQ0CGhRDOr3gzRM\nvFBil2ftk+VgOfPFng0PU6FjAi/xW1DxXHSdDhaK8kjjGvt2L0HVlubYrKQJ\neLWT4rtVmma6RtyO/wZHJrTKB+VyyzOuRmLi1sj3pReQiuh0DZi3JNicexvS\n1wEYjMgylq+g54csmaj1TSruZ3Bv9LPqkd9YxIpGij+9NNtF86U2YjOntZMW\nGDxF\r\n=TJTz\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCID2+mMn/FWD7OTILgh9y5sO1IFVa9vhyG7QSqvUjhvaGAiBnGhBl8P/6B2A6/HyiNn7jH3083aW5TCi52d0GfHufYA=="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.1.1-dev.104_1618987449525_0.2299144432064264"},"_hasShrinkwrap":false},"0.1.1-dev.105":{"name":"@spaceone/design-system","version":"0.1.1-dev.105","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0","copy-webpack-plugin":"^4.6.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"a6f221486df79155da42e05df123d743ff943550","_id":"@spaceone/design-system@0.1.1-dev.105","_nodeVersion":"12.22.1","_npmVersion":"6.14.12","dist":{"integrity":"sha512-eb/7rbGHUdk6oXevxDd/xps45znzSGCxGq1643EcT+zbaWr4QTnusLOKciApF5KPUL25/I7O+fU4wKMl3QkIxQ==","shasum":"3748017c6ddd99d82d6a2baf068e12719669db4f","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.1.1-dev.105.tgz","fileCount":970,"unpackedSize":67072148,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgf9NkCRA9TVsSAnZWagAAUFkP/3YlmBWRhCYkqbxZwnkh\nyG0Wy08dvic6L2Q0eN3Qyy6ua/fPvy2JMQzb37jEmv1acJlUZy0GC7DtfDkA\nd/yhyP4cSYyh7g+tJrHeO+do0b1BdQXVZqbpNZiGCqgnJCJmIIRQAFuiDCbl\nRT5ByS6tDoajbWu/whqKngwHwCRK2/Zrzy/IAHFkAXXiW73ZhB4g90deV2PR\nqkmEYd5ca4fr7OvSWVr6gMbmYQtpgZJfOTS94HWg4/Wqrg57PNxtce7abUfH\nM3v9lwobAyFRREjp/kgtpowgxkWKnxKASohEQ4N9bD0D1o64oPsjhjCdAlzr\nQ28nDlpznNVKmdKy0LxkV4WVVLzzmkKgBdKXjZpg9Y3GWEh2/pCS5gIWeMYO\nHSBITI/uJiy1/Mt5Ce6nzbJpYm5p/HMx5PspqNGHI+r8s8r6MbG/XEPzmPdo\n/QRromwFJfam6k9PjakACU9OoJQ1OaiiFNjtAE++lDHHL1iQmqqKz+KCOj4w\ns5qEoAIfsufqwhULOipamHdfSOnes/MBDXIxrPAEWc+RJuIpcLnumwB92dtb\nbo6LIFkuS+ycSw2T1PW/J/RjNtFwKDJcJNe/gxei5By4+tQkUPPOzQw5o+Ze\n7cuWVj+kQo3Tp7M8pzvW49KFEtfpVWBlh8kuPlHQMTci/Y/NrCRg7HvVesQj\nC61D\r\n=jH5Z\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCxy9Nc6CMxeTIT6GXK4m7YW4+5pSFH4c1kRBrjK1niCQIhANpgwIoGLa2d80NXZxs+7jBaBj4eV8rHXm/Jc4GjRb0M"}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.1.1-dev.105_1618989923597_0.6900568711265544"},"_hasShrinkwrap":false},"0.1.1-dev.106":{"name":"@spaceone/design-system","version":"0.1.1-dev.106","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0","copy-webpack-plugin":"^4.6.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"8bd7a180ad8db193a203c7c3e901b85f26dca629","_id":"@spaceone/design-system@0.1.1-dev.106","_nodeVersion":"12.22.1","_npmVersion":"6.14.12","dist":{"integrity":"sha512-l8mbIfR5M61+zkxeMxtGILTRAexSnqZWKvmOii2p5z6wCRSjdC5JdK36tx8Noa7T59e6ppXcv+6S8AGN1UbFzw==","shasum":"0945f7d961f51617ce5ca1f3adbf6aaf6de60c0d","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.1.1-dev.106.tgz","fileCount":970,"unpackedSize":67085037,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJggN4YCRA9TVsSAnZWagAA3o0QAKLukNmS2Ji+sXp9ABgv\nuqspmexxbw5bV455JxjZKsvV23jH+LMzgqhlbobfREZ4M4yzUJq+eWt0wWie\neWZosGRktr49dcLWPlOPt3m9ebtU9oJV7qOsbJE2G2TEExMwEvgt6hJBy/d9\ngHA3Q524YpIN+jlt/qpKaxpU1x/7ZxtKxAhDTmbHNs7Gn3PPk658udlE907c\nZ7o5QgdWtAu3U4AfKZ89IylXYFU1QcgabHr68m7S3Z9dYkh8TpPOF+oeuZce\n9kJJXjn/b8370PMcxrKl8bdMSnDtWXNr1/LHwaackS/Pea8w5OC9NP82CewN\nxH+CBP5oA7sX5oXerZNJMYSPpbTxkIuoaOFiavnX2Nay0/GqPyOZmWdwPmp8\namNb9wWLeSPwke7tFTnMykMw4n7s13FBmnqBC9Cs/ds5zg5FWVrUvw517Lh6\nr/Uz+Cqj1zTk0eHVe3Mk+XhwDQdI0lEiAL/qhrTelK5ulZa7x0lNCarpbZP/\nem9sE8IWMqTqGcoXgfeW71m2slWR0MD0efS//3nV7UtYGuKaf4TWHvsP5GtI\nOHteYWoc6xnuY+1ooAXZIROvDX72bfhBGbgdH651apLCRmuudgIDTu9gfLhC\nty1FH8Hn+Plgd87kv36lOFBURIQxdUypiLsp6DqaaTCYxR6Os1rGm/GVvUiX\nWixs\r\n=uonD\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHpabEv0ARC+7f0jQ7sbjm9X9zWcA9rGIEgojCCo80hVAiEAkZpyRThNI5L/t1TLAPeAXPW+vvzTYQQu+ey7SvGlXZc="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.1.1-dev.106_1619058199646_0.5749122179255022"},"_hasShrinkwrap":false},"0.1.1-dev.107":{"name":"@spaceone/design-system","version":"0.1.1-dev.107","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0","copy-webpack-plugin":"^4.6.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"9b07d185666a264fb86bb3a94b4c4add0a367ca0","_id":"@spaceone/design-system@0.1.1-dev.107","_nodeVersion":"12.22.1","_npmVersion":"6.14.12","dist":{"integrity":"sha512-WCJEg/lyLB/rI1ROr928nV88kyPvCyjK4yxKE2Ty8iyqb3avZFLq07lQVpDmxaARkY5ox6a5kcxPCmTEU1J5VQ==","shasum":"aec69f99592f2bd682c1dae02406c58eba1c08d2","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.1.1-dev.107.tgz","fileCount":970,"unpackedSize":67085086,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJggS+KCRA9TVsSAnZWagAAkrMP+wZ0T7+c/PKItPx/UU0O\nvwXGMB7V6cH7e4MzJTLAs5qjj5M1xn1QoR8Wtkc3jOZB51XJgEkTOe/72hv0\nObPUEefcQsn4JiqYjlEeOLwqHTUEn15uPfHPg3483EscuKPGCqPYlrymHKOR\nFaJ1tR2iGXrDlkfwo7J+VV7Sp6brienHXjNI9Pyyn89gmfrk/WGPn7lH0+7R\nqnEA2zPSRTSoL+xlGx7Mstykt8qWM+PjOeGD/ZSHLPoNk+m7qIOdp3Lc63GO\nakCztnpvS6hjQdmbFxtD5fG5ACFPm7QXPDn5U/F4+xXrU+6p+BtUyfsn5thj\nrzdEd7bF6EvNAsnBzVJv9+bDOpb1/FRqlzkJbMpIohlMmXcRLG2IAvUBDWa8\njTIfoe6cI0aSgc27swHhCNqmrRVWHQqYwxhjR3rVUk7cjCpLjjMzn/myy1kM\ncCB6/Cim9YJVn9y/xgE8+dVIgDoqhbLvdbCPCtBUCq2yV7zkh9lwbRyvsb5M\nqJQ5hn81g/az7QKdXRxBoGGE9Qtbb62gDlmJFNmB3J2J79aQKWvfXw3aCpib\nrRHghw9pvj8b58V4mxp/Bi98ZHWgtQT8ml+NpBSPVSXoItwVwjMaE28XdIOJ\nOITMWRo3lphf7dKj8KMT1cERX7M+MjHw9gWCMKGdRRlOjLDOOc2DJn9ZAXpY\nErOr\r\n=7sdw\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDjgfKild7oKc5HT9q3xoheZu61ttlMs1pxM3BntTm0aAiEA1xTJey7u6X6b0Woe9rjDdllg4sXDL8EOVo7uPATeOCs="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.1.1-dev.107_1619079049176_0.05478426008913173"},"_hasShrinkwrap":false},"0.1.1-dev.108":{"name":"@spaceone/design-system","version":"0.1.1-dev.108","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0","copy-webpack-plugin":"^4.6.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"22c85207eb4ce56e59b18e30c24dabf063496cdf","_id":"@spaceone/design-system@0.1.1-dev.108","_nodeVersion":"12.22.1","_npmVersion":"6.14.12","dist":{"integrity":"sha512-HiiUV1m1nmNtfZ6OaFhHrYd5kEEiU0zabw3WcxeQOt6TCOyuv0IhJxp18L0P5Kz6DTcPWF2PUt/r3QCpYi++cA==","shasum":"36ae3218220ca811b59391e8a58b241e7a704833","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.1.1-dev.108.tgz","fileCount":970,"unpackedSize":67085086,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJghkPHCRA9TVsSAnZWagAAyb0P/3SFzU73b8MRuPiTqk5J\nWiQ9EP2mbzm9ccFMiBSdTOX7C3zFkPC9xvcd9/nEYWEIywCpIS43arrZErRG\n4ScCf4lGDR8fPRIA0Ofdm1+meu1vKTc5PxyJ4LSY8+az34M55BmDJyp7Q0q1\n8QgOIcVSi0CkhEuQBD10npw5ZnnHbggQP8vym1w7En+5VV4sWx0ewzSwUQaR\nnm3B53qinpnHN+rfF5PFcaw4lIKkHhoeiXVOr72IFcnBPHAbjSVUNul2PUay\nZpM7wrFoTppUWm7lJ5zcCyPGapVobrbH+XVkZdZC5IDloccvg03eQvJkaJ6I\n5t0iLG20KpUdOk2z2v6O+feq5bLGB+Lre65hrGzpw97QAzvsH6fbWVYRFBCi\n/Q5ho36BVja4mqERmLByG5kBVRqRUZOvotyupdHWt9bhe4FkpN/cZgjeQGeR\n+KNWj3J/o4bMm92Kxjgz/N9+nwGx6U6B3OxNDraV6duZGjZeTO6JVIQ1BJqw\ny4dO9me5YBgfnrAsEWhmqgh032YJZoEeql1s6B5z+QxFyRO82ttE2gIGK195\nT29FG1iUjwtUQCYfqAdh1IbeQqSwbOV1oPBHEqHBVv29ry/mefLc7RS+Qxkm\nomEr/J6v3LBhZHfNuyaDUpChDaiubvqxApSBH0/ChvMXO7NKFlCd/H3t3839\nHTsr\r\n=5xD9\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICZS3R2/8tSVZa1RnAZj3OglwAscIEdnUl1fj2qtj/B9AiEAtHsdjF4BU8QLpUN1xPuEIjprgphKSGj4/EFq/f5/0NQ="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.1.1-dev.108_1619411910144_0.08635764809674806"},"_hasShrinkwrap":false},"0.1.1-dev.109":{"name":"@spaceone/design-system","version":"0.1.1-dev.109","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0","copy-webpack-plugin":"^4.6.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"89ff7b80357609b5b5a9d36bd18288d0582a3fb1","_id":"@spaceone/design-system@0.1.1-dev.109","_nodeVersion":"12.22.1","_npmVersion":"6.14.12","dist":{"integrity":"sha512-5BIsTuBV8IM0wxylg09kc4XzHjhPYaUOvT4CqAd66zfW/x5V/+gds3UFecelNAyB5t/eyMdm5DKdeWku0YMpsA==","shasum":"09d9368284d0804ceb874aed8a8e1259ab877c27","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.1.1-dev.109.tgz","fileCount":970,"unpackedSize":67102007,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJghoQMCRA9TVsSAnZWagAAj4gP/A9jx5y/BAqLgyjAjHNm\nEMd6rQ/ouAN+ljMrTWyXod3vKzERmeVLQn4lsMPA3mLKM/Z6jhqxD3aRCy91\nr8K8lmL7UaaMe8mJ5B+1vymhfO7B+vEN0++rr0x1eC7Rnl7Z8lca8zILBEqw\nu/OUoTtktkVjn3odZvkqgrX9dc3d36f9d2FgiAZJN8IRRm6maHAerIzpp9yg\nms1mckzxAVHpa8N/I1IkwbBA+p6pCAoHCXXK59V3JXwJjOznFHjDazI4DJ+h\nR4s5k8DyEwm2PqfZcZZV2k3TUJ365a43QbazDzczQ2+f6DEbH8EkeyStn0NL\nfVBbIIxAw79DeipV8IcO8GqXuW9Gbm2+khCO4ZTNEW4t75dc+5ZgD5jmPl8/\no+zYE9ylRHKdurZRPkwbPCFuz5QRd3WYPaZ1w0zR5Oh5d2SwlEcw6kOG4RQ8\nOqhW11HiIkXNfHeKB7w1jBuAttqMpQYSH2DPEAJTyp1487w9Qe7RGF09oPBM\nSNc6R/U8pgD7ugVu5JTmYjicLYKJp67LybyT2Spsd0hyA16Cy6GmdxhbhPuY\nAXQsRIPgfFp7srOdN3VAiag/Snzxz531pZAoV7ba3K5by/ycmvUn1AnyBrfW\nvHnhGXN+5SYZ7Xppaax+IPn1OAcYqlBboqN2dmipxfjgunLiySQUIoeiQWsk\n+PI4\r\n=90u7\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC/uDAUgFbMeixh7pYmEwqF6eazryeiz84NO3UDp0glpgIgcG7zW4EmOxaqhZb9BL3VWiiAYMW2iUhd8yDnbzySx9U="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.1.1-dev.109_1619428363205_0.6819621654634958"},"_hasShrinkwrap":false},"0.1.1-dev.110":{"name":"@spaceone/design-system","version":"0.1.1-dev.110","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0","copy-webpack-plugin":"^4.6.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"b09534100646c4eefe540eddb53c8c22bf49accd","_id":"@spaceone/design-system@0.1.1-dev.110","_nodeVersion":"12.22.1","_npmVersion":"6.14.12","dist":{"integrity":"sha512-r83tu6KPfh3UB/nmts4WbSiABzQ9mmc2PQAYk4C5QU4wlrdcQfVd/VVhMCCHNDKqb74WVwsq3tqjIift+fjItg==","shasum":"051c45057c6921b7301eeae2ed7ccc514dbef2a0","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.1.1-dev.110.tgz","fileCount":970,"unpackedSize":67058664,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgh7KTCRA9TVsSAnZWagAA7moP/2Ncl7d4/TtO2RYG4R9d\nuB9Y6WpHJLwPckucjBbud8a2JuXKKbKDPjuBfvCwcCcrShX8BBaahWAVljSQ\nf7w49dLtunPyK9X5FwcEGVKDbguMZGwgfE+QovPxRALBKeaaVGsbLG7zjC2C\nktgi+aW6H2QYmKWa8LqFYpWj5LtYGEoAjPguQqz+E5pBU/z+5vO8mttdDUVB\nvm9E2QiUHiou3Jxs9c1NYZo9FctrLxuFeeANXbDULaPty29YYUiM5PWt3iGZ\njcFnY1SDB52UBb0Bxpsl/hBEUNYf09J3vLd0+Qs96knKgU5wLNGRShE32eFH\nyD+IvU8e3256oPPqbCtSGboBIRDHx0bVlYIL8T75C9i93LQynCnmjwaxmUuO\nrhUgLmKZBEtkjNI5QXoBcQRW0Jtr6sdrUJ+pwT0w3MIz+AfpbbVKa48BoDnZ\n6ZCjWQxRlrPiy8iJJc7LqSRzn3TuXhMC1GuDkpV+lq4yfWUoAkine2aAMw96\nOhhWJXXnB0GxIQhn+RKDRdqNBfcgqdNKg7kL9TnHzd9IG9J+FLxMB+BhsToU\nB8UZwOkayG8hn2rP9B67dJS71wXMcYk43ztl8U28KuntNs5znzQ9G+yzP5w6\nbInt9pD8/6RlKw9NkRra5JJui1+vw+ep1TCesZr7b1aeBgclzmSeO1yT21Ub\njjUM\r\n=DS86\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIATmZb8WR/aYdRWvc5/XQfr2APHunD1a/PmplwLNQNyLAiEA3AdzkQ04YJTOjrD8hknd1dvovISEEKT5xh9JauPeRO0="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.1.1-dev.110_1619505810326_0.5100928707749739"},"_hasShrinkwrap":false},"0.1.1-dev.111":{"name":"@spaceone/design-system","version":"0.1.1-dev.111","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0","copy-webpack-plugin":"^4.6.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"9f39953733fc626c18ab66ede53e6d3d11956144","_id":"@spaceone/design-system@0.1.1-dev.111","_nodeVersion":"12.22.1","_npmVersion":"6.14.12","dist":{"integrity":"sha512-CgfNsuJAcjj/hWQ8qgfxQiXmJm+N/VZb4Op9hhVX/0+G0FWD7x+sIsBN1WXTBQvMi+CR5q4TRyqPJLl3l4QNrw==","shasum":"170742ceeb63d3c1a7982673e94558d1e79ca761","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.1.1-dev.111.tgz","fileCount":970,"unpackedSize":67058664,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgh7ygCRA9TVsSAnZWagAAXRIP/3lndRsoH6zB4jykwd5G\n8sHl3l8PLpth/BmS+wvNv/UIdS4uE1OPlAqqraMUggpFvg7UJj7VvWyNmh6Y\ngPX2BLx1ytdeog8sbDXlWxjFcE5tL6/eXlCkfB0H+ghfmH2x7nu2mfAkgpt8\nDOyfFLAiEZjHIDV0yEpZnqBlCWcWjML0uTJl3aeUV+iQrs7XTTLGB7ywbOau\nqmg5rZ14s9VVgKQMXCjUmH1ZOaS5SVXvMuqqVav8UDS245jSOo5tFfsfLSct\ne6Y2PTk2uGEZ6ulHP2h6S17DKIrFLk6p+qoiYe2hOSnXAzUvaPkOf+aCn1ex\ncgkTHm5jf/jb//ovmMkggYiVQBG+TS4EsZ+24cjwFbbtIsnKd2Gr6Asz3dj8\nKe44cZ0gQACihC4ROSawx9vNxJgPosI50NgIwdBnC8Antrr3ueXBaGn5hCWN\nEUUbwujgQzsjAIxInx4hlbHIZtmvVHZAdSNEy75Q3WhFsKTiwlSnho578M4S\nE2iORbE18opnOAWLKho5wcK42jY+4vC70dTjhSF7Jdnau7gjXNEU3SGY+UiX\nCMfDoSIUFGkIFdHUNgh8slvAXexg3syvhaLPiiop6Tw1IIKO4t4lfKLcSYKU\nHiQJb7zzosER7h5B5v+Rvi8EEZTXppxPIu7vuDlGDkrX6WpqaQy+tEOk5yCd\ni8nq\r\n=OfZ6\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCINZ4nqMkJEGXui0GwXvdDuRqd5kVPx6E0wfqAMyzaDAIgaZ4jyPg6ZVZkoj5kLby/Fh/UiAUHlQEtJdwqy95mkvA="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.1.1-dev.111_1619508382890_0.9387875521951661"},"_hasShrinkwrap":false},"0.1.1-dev.112":{"name":"@spaceone/design-system","version":"0.1.1-dev.112","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0","copy-webpack-plugin":"^4.6.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"3fe269bd099c035bb6020479fa683d2e8dcac5f8","_id":"@spaceone/design-system@0.1.1-dev.112","_nodeVersion":"12.22.1","_npmVersion":"6.14.12","dist":{"integrity":"sha512-kTas/TbqL4tjwanjZciCDDzNmAF2O4A94Ag2a6XcNV6SIbs+xIYHXFWdaL2RzJ5UPvscytWqlwM9GbtUlz0XKg==","shasum":"b630833ea49573400e9b7a86d3be3c82128708d6","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.1.1-dev.112.tgz","fileCount":970,"unpackedSize":67060214,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgh791CRA9TVsSAnZWagAAjNEP/3qh14DS8eiURt5zJtJ5\nCFIJGJvXxB1GgP6rYWV1fJ6eQKYo0blhoe1PeylJ5XpnNVfhIlRv/q1HHi4l\nELovvK9OI8VY2SuuRGMgbyH3Skfw8CFFfz3c2AyGAjfqQzbyM8rbA82JOfYy\nt8EJoXhkApUoF21awVWOFbYtLzjrek8J0EVVn0GzVPXga8IkVqfZZfqjBvUP\nH79rjF9JpoeN1ME9j1uUJ6ljGvy3T01KTmsSmJLTSf9z5ltzMIwMwOCQtkkO\n68iqwDxmRyAY7M2g3SR6fsd1mouvlZoe1T+sn7dpTsoWTM9jby0bPl7DBb6j\nFki+rT8hpq3ctZhR4SJVKYLbWjMVScgTiwsyJW/3CxrAxLltq1D+cSnElcLx\nM6xhlwuygA4eCsfCnHxIrhqVRnYJRfgjmGUmimxyH3dIMgGAcwOcblRfQFXR\nBAYtG9Kf5GxXFEsCOfRm8nacod1iKmw5GF9blETJ7GEmJgC2QCBGLZnvDzIi\nqyUBmE6DCc65E/B20QAOg4ZWTOcLi6CQssBwGbw06WaKJn8OBdl2b/2+6qHQ\n9yeSE5N/hUlFrg46QN/IIk564f0A/NUhn5OQfcx3HsFck6Z4bUG30+1ds6Us\nbngRUN3YC0ycU6hY1gD7EmCi2D8L9Jx2ejkpFp5SsXyx6Jj6NnxnwzUTc11j\nyCmq\r\n=IS3U\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEYb7d8ySTh2Q3gc9C9IwVpNf8692KqzQB5B2X+jN9ndAiEA7V1w6c5dKrB3C/af9Ilw5R6H1j9NeR+7RFolbaHDMEM="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.1.1-dev.112_1619509103972_0.01820631686168861"},"_hasShrinkwrap":false},"0.1.1-dev.113":{"name":"@spaceone/design-system","version":"0.1.1-dev.113","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0","copy-webpack-plugin":"^4.6.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"86eaa4f328795ca1fb3363517e22a3de6d68e845","_id":"@spaceone/design-system@0.1.1-dev.113","_nodeVersion":"12.22.1","_npmVersion":"6.14.12","dist":{"integrity":"sha512-FfYG/NIkReilrZII6VTT7pHkKr1rEDrEVGJMA7SEvwgYMLLEsteEJhMZ7G5akVDQcXWaWQyoLvEZ3e/VkO1Srg==","shasum":"349b680598b344b80dfc54609d0959bb524cecd3","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.1.1-dev.113.tgz","fileCount":970,"unpackedSize":67061406,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgiPShCRA9TVsSAnZWagAAH6UQAIhKz5bHnCAgQn1YYskY\n5+uZKTblrU8YpxMuv0572mitcRBdR0Jn+Ajeq651HKcJsTAPERB8vrlS2dUM\n6XKLzaOc0huLjY265LJrGszsIOv6GwDYvnVusqfc7D1IwEdutUo/jgs60Pgb\n622e7iHoUhLp2HJc+Z9Y/iLL0dWonNl58MtciWQHKQHRR8MOR6xhKrOqGtZF\nDTpU6MjJI+fTsOFEjAMzNvrVuqsuxPfYx/Gry7D6K3LbrQjftsHJMqljtgvQ\nwJKvWp6bhC5IATnU4pbWgsMeXlDcVsT2lzFLeTAXTMeOSdU5NoUO9kcMZg9+\nOy3Q8CjG4Ila6j8qpPAkCRIdC1dD7tImXLUgJ+hUBpZWakl1P2xIZIixuLYu\nxP3jkmRFfVLO/aXaHhEZkmVyn+A86Vhr8Ocu6AiTHJukjNA9D3TeVpBN2NPg\nDZQIRq6EK/sk2NuDP+T8rUI3DywrAPZdGVklz4nBdqdBQMK4QWXI2JVJXt1K\ndBnZ2jLjd3j4HPdXcZTj1m6pBETijtLHiO0r50chPBAML66GewRs4+lGtT0B\nwsw9EdnPQu/xXT3M37/Tkv7/+SBzgxByD82PEhNKVmKC4T2ugr7XolRb41B2\n1OD5uYZiBaFHQRLDg48lVtqrCC85RZDiOkb7LtgtKjfUwBfw0NuT/W2MV+Uz\ncdWV\r\n=SB+W\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCT4YSZfxLOSrPPTUQ62uj/0g+sGUQ90603tY5TH1TPAgIgPYhQfceSNCWM71Q8ajQDgdH4r1TvzTWRf5tJW6REuZ8="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.1.1-dev.113_1619588256016_0.6960082537599432"},"_hasShrinkwrap":false},"0.1.1-dev.114":{"name":"@spaceone/design-system","version":"0.1.1-dev.114","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0","copy-webpack-plugin":"^4.6.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"9676749a93eba770a90998eee1e4ecc79d668587","_id":"@spaceone/design-system@0.1.1-dev.114","_nodeVersion":"12.22.1","_npmVersion":"6.14.12","dist":{"integrity":"sha512-Ln9TlA3Ie9PY2uiXpHjlIg87Zq/WlE1vaj1d+72ljzs/EAdFvNg2S4Vq6XfG0T/l61ngmDptceeE6uFWRRDOKA==","shasum":"82368214aaf389205b2b6941c0d7f751c9a0962d","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.1.1-dev.114.tgz","fileCount":970,"unpackedSize":67061427,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgiQ6GCRA9TVsSAnZWagAAjMkP/isXWz6rgIf3iiNbI2VS\n3IYME7H0Xh907OV19HO1Jt2P4UGzV4XRA21znx2K4iO6nDeSmviFxj4GIKod\nB5WI8lM0xOCcmV3to0iF8VEbNBplz/WFM4V6v4oEu0fH5FwtL83HkITUyeQ9\nbOS3RXVq90+I5+6wdWjKah1oEsn37WkE16PpnXLbZo43X9Xin7L/SuHJXljd\nJjK9ZolrFIl2Tnx4jG1cz5kj4eLgJc7A6PxYNRkDENvcU9WCWvPDLoydRbfl\nD0yPTPY0LNY9qMI53MaP3zFyJsLEGfrP5eupe5u1VKUxMk5LbIurg6uFV56F\n6MjndHRJ0w6SRg3lVcua4kN8ry2PNGcXol2Dmo0uIZKY8eqW/w2royJ1+pK9\nwNlHrGbui47abYt9gzGPpyMK8/NEQfY6R0HNr2dxLIs2aNQIWyeFUQSwT4An\nUz3OfXaSTxQe8q1iphypzEmCEsQRt6ZBhBJ90PJRvamY/XmuMw2mozlmDq5C\nCaz/XVt8SF+C/Yuw6L0Kmlimzc0qj/8ibNi/61uUOZ/b5t6WbnbZDcWwgJwB\ndCcsTbU39xDsLVXWL4oMOi0OKRbkByAySXgp/Y9ils1YJJmiEOyQADzS7Dg7\nYNpfVn2YY7tx18W8N0ZIl8UjoXUEmy4kEyOisR12ierubkB+Sntbxp8+ctfQ\nb+yY\r\n=5BQW\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDHj0LQtvX3ODDusuI6BXRbkHXHFpF+gJ01lOObjFjBcwIgcEiLt026vV4HFth0Jaotvx8irmZxMPqUrrHl3NTqOG8="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.1.1-dev.114_1619594883684_0.6308043398993926"},"_hasShrinkwrap":false},"0.1.1-dev.115":{"name":"@spaceone/design-system","version":"0.1.1-dev.115","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0","copy-webpack-plugin":"^4.6.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"7df2789b89a89c1154a2e4bfa5d04fdf6169daca","_id":"@spaceone/design-system@0.1.1-dev.115","_nodeVersion":"12.22.1","_npmVersion":"6.14.12","dist":{"integrity":"sha512-PHqjuLkZFr7WGrXU1qqALB3cLnkPrDTxM3gW5Hd5Q8HrsTkONP9AiobOag27DzGfH5H3mnOpG5kYfHUzYcuzIw==","shasum":"c2be7227a6433853f4976b3b9a621cd7a07d79cc","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.1.1-dev.115.tgz","fileCount":970,"unpackedSize":67079314,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgiTCBCRA9TVsSAnZWagAAkEMP+QGaxcbXFcVu0RF56HXp\nbSHZrbHgk+uT/U0JTM2JUduqEcONnv1L8TZ5UkRJEhENpxt7hVA3Bk5EC3dI\nt8ARdGzKHz6sgOhnjnMGXQFJFTAue9cg9yD9bB5bGnAxvNXUi1D5zWzEhhsS\nVXTgoWPQin8X7aYUynpffWhomD4qt3+ZhZaSN7e8LJSu8gV3cRoZd6gmWsaR\nggdzbg6Y62gyclHLKw1wVqrpbkPdeLBPYA7CC8vhZq5bbXxJfFGUD55+ejFd\nf1h/8AG2l7VAswz5KGlWyw+kDWkkBJ8OYs1fFRmxv0w0QPU9w65/I+YoVUg+\nnswEGvW5MK4QE/reHB8Esx3MQ7WkrzQVFinyARFz+uuwr6TJqsO0wzrE7dEV\n5FrX4XtmHPql3z63+j3kjmyxBAQq90TAlTOYCcsMtyEFQG/O4urRpgN2bVRc\nSqpxmyyOloNIa8GduIHStVH6lU0h0GrCMEoNDWO3fx1YKIkGv/AmLR1/tbDw\nb5tVCA99jGBXKM1C+UhVUicKjLfGI3Or7K4/2vfiHb+5jS6fh/1+A9fAB+Vn\nZgGsfMFlXz0hwbeR4NVaPeO498SFIzdwMcKzOWqhOeN9sv+5KM/gjrqZ/vOQ\nURBFvVYVNj7euvFjeOGC3UDrzLNZjF7xX6Unx2SgR8RgtUyCTdjTTe9rDFvX\nfx1p\r\n=6iVO\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCy8Yp1SU1Yi6S1/FNHxsjzNjmkLYLMCkccJDcB0iJ8KAIgIR/EocIPlhsGJGjYLfa3YSHBqL5cMvUSbxfcva2Ufjg="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.1.1-dev.115_1619603583993_0.5860877941633"},"_hasShrinkwrap":false},"0.1.1-dev.116":{"name":"@spaceone/design-system","version":"0.1.1-dev.116","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0","copy-webpack-plugin":"^4.6.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"18140915f37bdde91d33d212a061bd943541085e","_id":"@spaceone/design-system@0.1.1-dev.116","_nodeVersion":"12.22.1","_npmVersion":"6.14.12","dist":{"integrity":"sha512-cA3k6tx6QeFzp+6dwRzN/oTL6GFOjlurxhhohNdCxtLhVqLz8rWuCG9jj7L6Z5/uxLaCfcJI4VbQfnbHo+FAoQ==","shasum":"10309754fbf3f7b4e6afb16baee52445cb2fd95b","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.1.1-dev.116.tgz","fileCount":970,"unpackedSize":67133341,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgik2YCRA9TVsSAnZWagAAhuUQAJY0jQyeQHDXdE2uwcEd\nVktUkGnh8dRLpieOZ7sdQcIaQexm/rVU0Sh3n2hkcSsdGTGg59CVsQkAhXiU\nT+mwkKoZvXqOGwmdpMjxPT7foyALvd8zuEcDIh68itfz7MkgjnRHPs5XcMRl\njyCiw2TGBwOfivzv9S7Hit/4hrsyMeryVUEq94Wo3aRp7PEZyO5qxA5/IynX\nnF4By1TSoADKvixA/zT9EekSh0sp3JvYDNWXWS5sFoBeBOYgozDhuY9+BBbe\nveLp/E+ItyMosqIx4zKY0VPG+Pv0Po+IEDoGdQ1bG5M/B5khIhDer9K2Sjyt\nMgyyCdejI2ZRuMnQYwq7AwjKlmFU0x8+PM/yL3LJlSLm7g8u75javC5PAoFZ\nuujUabPCAB6UqvTWcxWOkodUattjF8goGqaeRJ0BigxahiVbdl5EIe464teJ\nk7t6a7yLwje0E7uOJgjFwBQf5FVHHctJ2I/1UksXay+HQwaQ0nrrNQM0gyvD\ny6imqqcOmknXdvVNGtF8VPbZB3ulYdQ6t7I9BkjeLdFZu0kjYk0s8ecpC2+I\nf9PXvAh4Fa5Hy/L6XE4VHnJvkPXuaZAYEthMlUVcsFZ3gaRu9gAnTkQ8r+FK\noRo3+z5QNs42yCAZOuT9Xb3cvf/VRWTMjJ67o4TpwQqy31OacuBKd76ABwXu\nt3pF\r\n=hvvR\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDNr8Ji1wBkeStH179IYihETHW1inKWMFli16LTbIDp+AIgNuM/bxWfw6qGS9jS8SUr+tbdWTJM/GVNTiV1CsYhFQs="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.1.1-dev.116_1619676567713_0.5161239758084712"},"_hasShrinkwrap":false},"0.1.1-dev.117":{"name":"@spaceone/design-system","version":"0.1.1-dev.117","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0","copy-webpack-plugin":"^4.6.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"393d7f89684bc341403e9773c385bcc0ea5a7890","_id":"@spaceone/design-system@0.1.1-dev.117","_nodeVersion":"12.22.1","_npmVersion":"6.14.12","dist":{"integrity":"sha512-jG+SyABcrRdYl4m0jAPL9DQ3fIfJzBxMVzhvj2Vqvf0EcvvWUAI7Se/IVtyRN4CEbokuuoilu61yB7/PuSNTAQ==","shasum":"898aa7de3ecce70de7505677617914744cdb5fb1","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.1.1-dev.117.tgz","fileCount":968,"unpackedSize":67108899,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJginkpCRA9TVsSAnZWagAA4kMP+weKdpB1W2yZaCRViS21\nq6GhpMxLqfNFr/ggr3C+1qbXPFtlcoi+r3HfDJg9P6C9AooRZ/XMM5gTBxnn\ntDs4rscQ/OpUq25/+TPbxVqDm5AXDlQH5n8vEHYV+tsjCVkNisaEq5t5ROkx\noiSOv+8yLhH3LAicEbOHrCkHJcxt3N5fLC5n3O9zPcKOx8hk1wuCaDiGeq4j\nD46yVQrqzs4LEiav2qmLCbRop0bptP3hPI6NVbEvILK/gCvcZQcr2TEU+7Q4\ncp699H3y31OShWSELWdDE6y8jfIn+3G0uw6TrJiQmMDOPMtfyIkw4mTTcyU8\nmxdDeBp5nebAhtk+Ztdp+WAT6vucOE7+kh0/WALhYoFLIQOZwvc7O4F0PwAw\ndDyrOA7f24x+1yN0f6q+gI6hR784yMImTdt2JqEd60EiEBr9gLz0pYoRyqw+\nICDdGXBXnZY8odqAxjVXaoikdj5DchBDX4VHisk0/5QRsVQAFJugmCklukM1\nHPVRxiGpSKXtIfFyCyz51xwPYGke5aInZSyMtR7CRQCjlBAjJj4iSYXf8Pd0\nq0oMKXMNcPdB2hMNBRuHRk9QK5L1IiAolEHpFfHXSpq4yF95bTCvGwwIKfsc\n4AiPmYzCpy4gu7gecs6Y3HLzpMRiFgosbqbRzhSd/nd1gF96wqfd+Zdqo1Mv\nIrXN\r\n=xUOo\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIARY9Pc0VtL8GlfJPMz+bozwXWRID5Hqtr/v9vLcbcSoAiEAvzCpi5WbRZcGzvCExoF5JohMd3HkYPtVy6uZtQ30m7w="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.1.1-dev.117_1619687720687_0.4341165699879046"},"_hasShrinkwrap":false},"0.1.1-dev.118":{"name":"@spaceone/design-system","version":"0.1.1-dev.118","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0","copy-webpack-plugin":"^4.6.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"82d357a80855a8dffe7408ba238dd7842729b33a","_id":"@spaceone/design-system@0.1.1-dev.118","_nodeVersion":"12.22.1","_npmVersion":"6.14.12","dist":{"integrity":"sha512-hBszMt1CAzd2OaOVxsMeHRMK3kx+ce8H0bscX/fS2e60HDBlDx4es3ldjzE2ivenHQFTcRwdt3Cm+YU+g+2TzA==","shasum":"82fcf64aa1a5d2a095fe8b33176a56cc089cbabc","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.1.1-dev.118.tgz","fileCount":968,"unpackedSize":66933516,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgip3dCRA9TVsSAnZWagAAOBEP/R78B3FYKpxEGLj0dBan\noDCnT7B9bLK2SQCWm/S4Akf+BIVhVsdcPCnCXALMLW/5ttiMwoHcwX5ToWH+\ng3bmN6PIIgyjE9WU1ZEdf1M9/hUv4J1/VF5EzB1jbTNcmC1dJMUkqqIPFGah\nArsbuDz6QgdZIsQQ/6c/umPjtsFiUnC1wkOok2M32kZswCLFCdFycJH0VkV/\nyA0tSEV3a6erjrXF1ioqD4vWeNZFXANZOM+NgaKL/s9Aqm20XGHpwLry4u4P\neetKq326NWikDMyMhnM07IOFDJBDM+gDaOvWDwWAcScAxsARhEK1B3VUMejX\nhAPYZkGAVdinzh9+qiZY4BqvNulim4XTrTtO0QBBxNAYZGtTX4WpxXAmsSrH\nASDzoyHV+kJgVWwtYGpupqRvPYmIWq/LYOH0ww4df6lVtzY6xtKiv24YiN9Q\nWww+FCwATsUNXFhZjLuRwgWte3gTh/CB8XfTKpzvGEJ2jpLOB3Pn939IE3qX\nMPFCRje7T8VJeBE9s9xXZopU8KLgaOB2ToNXI155wJLMcdgryDjryFp1NsOf\n9ifHFbvZisXqWGd/7pZXAsJw3Le9af3ZwuP4DiCPe9HKBvKRAr51+iX8feVp\nehw9kQVP5Y4j9VzPeR+BnZdXKL25JgryEnhoSftNPY/xaLmaS7ia+lnCIUol\nROF/\r\n=2ZNv\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBOFNPqJ+KX6OAs/uxal7CEpl6OkLY/Xatm2Rj6rg0qiAiEAhKGQOqqKlpybj/6mn9DiW00iM+77ecU+EL+AKro91hw="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.1.1-dev.118_1619697116104_0.389085325034783"},"_hasShrinkwrap":false},"0.1.1-dev.119":{"name":"@spaceone/design-system","version":"0.1.1-dev.119","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0","copy-webpack-plugin":"^4.6.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"fbc3028b070ed97cc726de3943ea2cbf8002c0eb","_id":"@spaceone/design-system@0.1.1-dev.119","_nodeVersion":"12.22.1","_npmVersion":"6.14.12","dist":{"integrity":"sha512-x5HQQozwvAX9P7JEHKHpfrj31cJ4436CgFjTzj342MON1Vff7By3lfHJFeg2t8MfUcuZx9eZ0slGH9cXDjoh0w==","shasum":"24ba66a8768c67487bd0ef7867e3ea26a0d044ff","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.1.1-dev.119.tgz","fileCount":968,"unpackedSize":66916433,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgi/2NCRA9TVsSAnZWagAAp54P/irZm7AAWAqdqGIitSEg\nKmnERjmlUJGaPSJq4GgcHe/iH8CHo+RJpHmbZ3y76cY1CkaYi2q7eNrpcKTq\n3art39E3bienSOReha4R3t9tEQlBv0cizAFt0rLVvz/Uaz0VtL/Su3h1AZE9\nu25SdVJOgwWfO1016z7JeECNYOvQt3DquZOQ1RvRqk2ETCffTSV6wftEw2HM\nhJA5Xo417yoTs75f2Mm6tzS1MVUxIUhPGdgmeuWVDGCJRyt+wqk/anaoih0w\n8pkqnTTZZEpojS9NuTyc5RhyN9Zba8pfvfkkvfl5zuhk7hY3Y3pH+Y8mCIyU\nGlV276wIAT+81TlTAXao7O16SJEJ3ofW8uKzXAejvqihpeIFz5mLJsBq2o72\nQ8OdrMeOTx+qubaHikg/SMBCXurTwRBXjLkWLD8uGylyzmqFsQFHHRoqBMYk\nVz1yTv7+ZkGrx5gNLCGNYMyknJfVYopsy5mt+N77Hvk0/9xdVaYZ4rY/n/bA\nLTo2PUZQBlYvUrq1pvoMXDf/0cenZ7+vBaAzCLyHNJVIQQDAI05BWw94u+h9\nVB6A32F+EN6rckskFYje3NBuxl3oMDMU+tf7SMsCGCQSR/RHPAxAKlkqg6/H\nLCuR8bZ24kwnQKiObyLLY/I4pZkUd8oyIA/OngFzMXwQeE6vBrKuot4aJ7JY\nrslS\r\n=wEbb\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDcqPEqTdNpX/ikHm2Im06ff0DEzEDR8Frx7wppum2VPgIhANQjofysIZdU/9fLjmDacrJJyDBe+lZK6ppEFHIAW585"}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.1.1-dev.119_1619787148275_0.09062650956750828"},"_hasShrinkwrap":false},"0.1.1-dev.120":{"name":"@spaceone/design-system","version":"0.1.1-dev.120","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0","copy-webpack-plugin":"^4.6.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"6b4566c4befd866550e812a0f2ab8df4010349e9","_id":"@spaceone/design-system@0.1.1-dev.120","_nodeVersion":"12.22.1","_npmVersion":"6.14.12","dist":{"integrity":"sha512-GTfqLnoMFyqHGhTpQzp2pUjiFXFikw5zrUegbVapH2d18wLYNREnCYBU/Ke9HzDG1pgHSTT0hyQExdMGTSlzCA==","shasum":"dd554b27ef860778f88a3aabf6b00891dc37986a","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.1.1-dev.120.tgz","fileCount":968,"unpackedSize":66917003,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgkCcGCRA9TVsSAnZWagAAgcgP/31wUo6qZVIOPlcImZjT\nnnNSFeOmh9z/DtscaU3LzDrNEoEE4qiKyuviC/RuIy43MwfXVo0GJe7p7XOn\nQwApk2seUpOA30nBS/ResN9sITutbZ91GZMCEfCUIKq7ANgbBYKiPtoyDC6N\noQsOs65ujWvI+w5J8drjSvaql7CAwXrGCMjhCcvcfXU7REZJFfhiE4fBV8Ri\nq7Zg4q+m21Njju4nbfjXwxRPFTa1BNKPqA+uS1qgFboVv3R9e5piwfJG+c+/\n/CHonIliiX/eT6r3Fh2IZjcMUmKVPp6taduD9xiMzT7AskRxTcnnDkIlXwdq\nhw4hnDvqdwbxixiOs+SkkjJFfE9EEG/YTnDmNvyxBJAhlGZ9TEa/We5lIICP\nY1zpDDTbFa3gQb012TYeP1iDbN6mXbObiqwqGmiYfSErB3qK9g13d9JAmQZ5\nJEFon6ImzSUsUKOE7syc78l70mSrivQRhtim62pgnLbXclnowbii+rN2eZCj\n54jr7CxsW29lFetvJht8kGoRoAR4XvEsL57CaxaeC6bonq41pRqfZpVWf+KQ\nk6x4HlM5Sr6kYXSdEABDCPlieMdStQwzA7OcA/D8gCiDywQFf5bo6KC3VSrF\n8hh3WVtpDHqZCkQw8KQq1esNEfIOBFKhoyJk5XmCJZyTmijOuXBkdO+KGR69\n9lsO\r\n=8lk2\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFopAWUbcM/IBbcrvH/vqOTEMjuwCOzREOesgPRTVVeJAiBmQyaZmwi7tejqsrtvVrJioHUdqo01rUPtOBQf0Sq2cw=="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.1.1-dev.120_1620059904700_0.4477435806304726"},"_hasShrinkwrap":false},"0.1.1-dev.121":{"name":"@spaceone/design-system","version":"0.1.1-dev.121","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0","copy-webpack-plugin":"^4.6.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"9c5770b0b0dbc9cd94e7e9224decc49e34c4f24c","_id":"@spaceone/design-system@0.1.1-dev.121","_nodeVersion":"12.22.1","_npmVersion":"6.14.12","dist":{"integrity":"sha512-npVC4/UZJULI4ndCyskOnTeOgEdg2Q7DZw4SV68bDujf4zKoxElMHE+imBGStG43UFhPskcfgVPUyXU5M1Ee+w==","shasum":"b4aff9071c5be0a3f6fe02baac46c343acd8d181","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.1.1-dev.121.tgz","fileCount":968,"unpackedSize":66918137,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgkOIxCRA9TVsSAnZWagAAd2MQAIxBhAI4xLBlaMg0zQYL\nFRL6YUZIgvWAP0dLh8iAoUSqL9Eo2mQB1VbaiKdfHnxzd3tRaovk1jNVZZly\nG8bmok9Wq7tPMqcc7K64Q161xFc9/sfbhB/xh7aTXSGcQP9OHeKYprYdMZ3E\ncEhhbQZ5rgawSH0haPwaHZ0Pt9E7KSpXmmNKcg0FGG0ivONuDRAX1GB0KQ/7\nvmTS4iT5eCtbXfnWCdc4fubRdgErZDphBYWQRdGTwp/Vjrg6rTelxakjWV+9\nnLkKEQEeSgdWqTy8lMCHXu5kdiLllanQlWg28JxhHbma5UUtEhKUQ4NRqWYs\nYS1bNlQd8qd49PuRtGTC6LPyeT9Z+4wkwzxAQjBeVCIiPGm3S9ZXUYLdGlYm\nUKlps69cTOsX2bxlsueVONe9/SapaBwkWE35wHjJfvqgeWXbbEiYffFS1nG0\nWYnM08UmDwKvkZ3TqAxlRvuZ9GQXEhdEFZpsQKzTWO/KOvSOMwJklUzeHgzN\np4GZuGRXfcwusWmYGSNyG8/l2VVIR5hqsP8pntt34Ni1zR2FEVtZK3Jto2d8\nvpHSmEPhvh/ZqY5CFz0izYMNkNMVd/u8tJADt6vM02iQxSpWR/SZg/jyW6de\nVk81JTJ7/XbD4tnUHPnOzmqeosbMTK75Wc1pvrOWJyrBpjOBJDjWwaAHhV6g\nZGgG\r\n=EmgG\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDh1C15s1R4+ZlHSYQPn77qxQmu7my4AYEO7CCtLQYCPQIhAPMIW/4p1TEGlEs3AfOiRNAHQoKVRJRlO/8sstx6ofMp"}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.1.1-dev.121_1620107823978_0.6467716899171689"},"_hasShrinkwrap":false},"0.1.1-dev.122":{"name":"@spaceone/design-system","version":"0.1.1-dev.122","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0","copy-webpack-plugin":"^4.6.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"551a5376c5fb2080bd47102685758a51d0138184","_id":"@spaceone/design-system@0.1.1-dev.122","_nodeVersion":"12.22.1","_npmVersion":"6.14.12","dist":{"integrity":"sha512-swxLCqfn39nq1iLKK7hwlKv0hOCqz8JPOWsG3G0kMUlOVsLuiSQh0IoFCwRGwkBO+IeyMQAO1nN50SoExlxEZw==","shasum":"3107df68276ca3b94265c763eacd8073d5018b9f","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.1.1-dev.122.tgz","fileCount":968,"unpackedSize":66918134,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgk1syCRA9TVsSAnZWagAAnUcP/0uNmNoBHECet4XHgZMy\nvMYitwD4bcSvXSD+/PibvgvsJMmUfCB3boplG7cRCEpWt7O7/X5Y3l/CasOb\niI7JQWRyKuEvw/wWayQ6asz5xcvDuXRx2D+gHhxoKdc331HGTkukxyXteFIU\nBvBlx9ReYG5ou6dKwooBm5EfMlQofI0N0qxiRBOn7GxJowG6IwYNkWvTIFOL\nHYW42P39Jn2DmuhuCxT3wXhl/vcjTsfR3q1FIp9ZIKxVsNLqbe5pPfoHtsjl\n5XqLllyQYEMvGi+Ccklvwfx06o0mnPjEddCcOzBuYgWvRBghT9ey+mGXBAOK\njaVnZQIOWJrElKgfDGNhZD+nBNAbOUWiQSJoDwAo1oi6H0RaeSCdVOnXK8sd\nnPZ+4qmeU0C4tnEhrBqyOH0zf3Wtljc1mmnNZw873f+asr2nRSAI9HxxjJjF\n6S/lX989TT52pSLlGLqOpKk6JyaQY0skac8uh3xXVSfSNrrCgbWn1Dz+c4Z6\neiJRI2uWfmscbSa6Me9P88DjCJMDKbj41T1c2Ri5mS3swHuiB4BOLHk+jRhG\n+4RVpWKrq1RqkzyjIrVnBdS70ckFTsSazORdRqE3cIPp3ooV2sks5BcIF0TS\ndcdSO0VZdzlgytOYAwyklJqp4V0Tq+lRw+Mxn4MPlb1jN9iVGnRx9DMeNdbp\nZciG\r\n=ToVb\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCbL1C1cJsAqZNmvTP9VrF1OchEDDhjXx9s2d6F16bN6wIgQziHoup5V5PSVMb8LCYIQ5hqm2AzVbmejs0/bDZeVtU="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.1.1-dev.122_1620269873191_0.900124449048306"},"_hasShrinkwrap":false},"0.1.1-dev.123":{"name":"@spaceone/design-system","version":"0.1.1-dev.123","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0","copy-webpack-plugin":"^4.6.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"8ad96230717db2fc0112f420e0f40c311bd38f8b","_id":"@spaceone/design-system@0.1.1-dev.123","_nodeVersion":"12.22.1","_npmVersion":"6.14.12","dist":{"integrity":"sha512-poLjBwrA//3TY/QS7x6u3xxy2LmrOZOZv2v0XBzrxKRDZUp1Kl1QBQKaIGuTPNDuK6bASl/uNm9buqqJnAQ+Wg==","shasum":"3a37203024e08959952651cbb179cfbeba777935","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.1.1-dev.123.tgz","fileCount":968,"unpackedSize":66957798,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgk5LkCRA9TVsSAnZWagAAefEQAIaReAnKG/4qIekdxBJ2\n7mfA3+NGn7IGEEGmxgGjkfNtqq/AVDcf94S3B45IBqPg8Rw9+N3opCkglNwt\nJYowCbfi1OWlzMb7LD2o6d+3wCSjNcXXXlAifcu5cLhyMN3kexCHThpqeOgo\n9m1WE7U4G1433jQ+0nmdD61cI1GVcrlOGsHUahf/NMx7Dzgsrr3mKdi1NCiH\n8I86rawlaeBXvEVUIwxqK2QuZVmvatDseMtHuoWBcaHEzb3Ic3LuO2KngpHj\nS6AoGX/gNkxhNkTRP7UPyuIOTeFvp1ZKY5g6Qm3HwGZIO5OZUQfP2fxwEfob\nKqxgWUR8n4098v4pdUSQSI0t18jeL0NMa8T96ubJH1kOEYTczhjTzTk1VYtC\nHGYkoOU8e1f+khy2iIjM8xwqPhWPql02QlM4YXPavoWD39394J4uxmdpyL3d\n5pjSNJJW8qF9v/icCzChFkoVMR24h50BFWIHaGML5EEjvPBuze3j/H37rroB\nmZD6LvugwH8pMTL1Ig7GbSqm67xQt47s7fKf6preWMdiApzmpzjtKjnpGVAw\noh5eIMpzFvq3JtikgU+ThGP76ejmJToNZ6lR46Cnax/TqAvanu3r8qmXiC/B\n2E/SBHJwyQtFz7+MOP8vsDp7AOLTeUtdDndtEfP9YuRLjw4/5oaxcoTKczfS\nCun6\r\n=kSnl\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEGHhGfzI9SdvaRJr3avS6vFA0XWi+GfV5e5U191LCErAiEAyp1vxDr65fxG9ZoCv7xhY5Iyf2ZHiRHqRFcGwB0nLz8="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.1.1-dev.123_1620284121528_0.8430998863795449"},"_hasShrinkwrap":false},"0.1.1-dev.124":{"name":"@spaceone/design-system","version":"0.1.1-dev.124","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0","copy-webpack-plugin":"^4.6.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"25eadb70a0a0eaab266d2d8c6c70df6d8c12b502","_id":"@spaceone/design-system@0.1.1-dev.124","_nodeVersion":"12.22.1","_npmVersion":"6.14.12","dist":{"integrity":"sha512-MBYLUKVtKXGp0u0a95jb4hAdSnXvB634xf9KqaN+VmehyS7UC0hnX+4OrVm0f7Zuy8J0LR17uTix5Jf5o2Phpw==","shasum":"1fcdaad7c0909cca60bc836d87a2d07cfcb97e6b","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.1.1-dev.124.tgz","fileCount":968,"unpackedSize":66987810,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgk5RKCRA9TVsSAnZWagAAsmAQAJp1gsXDgZZewCw6BFxC\ni1gDpdgNuiVuYMhrFklE4qOlE+f1lQxfJ/08sdo1DVSAc4Qxk/VBw3cSynVY\nKMhXwJg3Epm7EiF0i5B1FWWLlbdE9j5J4DjZZlL3Zxhhz6yIUUL4v0+5C+lo\n6JIUPE80C+9/lbS7CHRb8KYqliYt0ep2ka+mszwqwBEwNpjf0tOr/vnXCdHW\n7MTmMAxITuBmKy5BC2q+f9gGZ3GiXLsCNw3QCtnw2tKk9paDxUacP7vk2jnA\nKc8seLUYooOoQIOgJ+mb3wiSgSezPY2DwCu0RsWcfWhhAhrLpdUEv7Hs2xC1\n7CKzjtZA+edgOHnHJkBqkOKPTTIA0L3V77C0K+G74HnMS+glk15RZEF0w5+5\n15FZMBXHIjnuBg4d6c5J+jE7hFXmbfb7/hxnEZ9dLg2AsS/eGi5gJgsi6Ikz\ncnEUdRYbm22M8lIFDS35GbKyDOg03E7sZkPSJI/gNYKVZNWBcGipiLgYGGhd\nBNtVmOaEjVM5AzR+tQjco7j9f0M+t+A0iKkI+x9IXFtkOX1IVBVLNnInfPoG\n09uweDjj9ja4DHS7zb6VeXqBahVianK0uEgodx/Cq4EphiJEMvrk+R7phOTu\nhfnCeh6GMpsrgkBBQpxuaQ11eO+/UaikWQia16ZcbdQZAQ5huwDW2sqIdWMi\nZY2z\r\n=wa8A\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCID9EtG3su7RsxNdgIN/opIHhLMGeH8NxMzxHKm7Tp8ldAiEAuDSZPIp+cBjUCGPxFka4OVtfJpePR/B6YL5qYQRVsp4="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.1.1-dev.124_1620284489956_0.07329496266489466"},"_hasShrinkwrap":false},"0.1.1-dev.125":{"name":"@spaceone/design-system","version":"0.1.1-dev.125","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0","copy-webpack-plugin":"^4.6.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"2e17572627795d521675c3770e69aa4e848c2323","_id":"@spaceone/design-system@0.1.1-dev.125","_nodeVersion":"12.22.1","_npmVersion":"6.14.12","dist":{"integrity":"sha512-5/enNgbt4HLMojsVlwPVYW/TKjxBE4ICKhrkAdnydlhneMS413WLxfwbqnPM99OYZyJxMk2KCwSVv4S9bIc8Ug==","shasum":"b5361c94b79cae1a6407f195dd8f5232e513b799","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.1.1-dev.125.tgz","fileCount":968,"unpackedSize":66989204,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgk6xQCRA9TVsSAnZWagAA5poP/1l5w5vLBYdKRBd/uH2j\nOFDHMeuIfVB08sNfFrA8N+PuSSfG67phfquoFMhMLoqJMZgOe5eF6YbGYhVq\n+uVamjfvv0vLM8qaXKkZKhNyvzH5UdIp2MICj5cnbPN1QA3pTwayfP8in2DT\nt/4yT6mIQ3AzHPuJpASISRekfZd9Dk4oreoblmJWiIkTJoaaC1+htvgnMCmQ\nht2JrpeT6dA6R8lW/nn5UyL3hgvJrNqML7WKvBqu6Q/Lm0oKNvc7MgoKmjzR\nWbe0aGVB4MTTjgsx7G4sbr8bLC8aUbMUeG+tAuMvbNud52qvM5mJQQC6u5gi\nx02UWQh+GS+bMPz+3kVYqfGEfCLrSCrGNrYKiE1lgTInweuuTMEnl55WxwC5\nYy5XCmYM/iFnF/4xV6ipA4DWG5snFOeWkfV9DUTeOB+Gu2vKdCyihJ10SUW7\nt54X7JW3yoruWV9md1uFifTT0fvIptSWGY7s+E17xrdAUd2pejoqNvN53kwo\nQZQEfIlfq7Uj39FHupQTMG2OuyztayjOWgNybIBOFM71fNZDxL27NahM6miK\n5iU54ZiSMlD5iQ5bPF7JoES+jWLCizkms75WwqIF26zGm2OWbT0nRTGBgKRx\n7UXOxcRskGjwlA2IT/UcDV4+l4q6fNTqYr+XJbM1OzwGwe3bt4JIK01eGWiA\n51R6\r\n=3rRi\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD27YsTDevCSK033w8tDI2/hS1gCZQuu0rp/ApofTlxywIhAOT+ojhWzag3LuZyOShsVFZRmGC2/qF48DJ6s+Lst0XC"}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.1.1-dev.125_1620290632726_0.8427692732191945"},"_hasShrinkwrap":false},"0.1.1-dev.126":{"name":"@spaceone/design-system","version":"0.1.1-dev.126","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0","copy-webpack-plugin":"^4.6.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"466d21cff2af005a72485c06154179f3a910c5c1","_id":"@spaceone/design-system@0.1.1-dev.126","_nodeVersion":"12.22.1","_npmVersion":"6.14.12","dist":{"integrity":"sha512-e/grrL14qe/3yGdW2Sq83HL33re9ZPqlq0rO1PwTlwV7LwyDX9O1FqrWoCBm47f+mNMGi2AALE+vnsR6DA2bFQ==","shasum":"b3df21c35e080259bd4ddf4572511fa5d6d12e5e","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.1.1-dev.126.tgz","fileCount":968,"unpackedSize":66994514,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJglBpkCRA9TVsSAnZWagAAqecP/RfyfJbC0VJLAhxh7xOB\nVcwgPBXwonF1prEPiHJ+qp1HN9TAlidNuA8gU6UQxDxmbYxwbFt+/sS+PgM+\n+e1VNBF9I3rqPnrKdTZNOIkWd4nSE8Lat7y4OqwFyPVc5BVa6jFYb/4PhFkT\nAfwl1gYSxFLhzkLnVeGZxxaa7eyJKJ+KSrcQi/hVCqVl8Gb+6PdT9BPaAFGB\ntopF6yTr3j7kjLK6wFDS2Xjf4VQNA9hvXlWiNacOHlxuefOhJClGEzPmnvLW\nxwc+qQtT97Cg1J7yJo4sFQopDncPEAfTOcykz59rTkdGfxnhcbXjHaE+HvEl\ng2M5GdpCCXD+n1gLnM3sq2epVkgshVBOlVQf2CbUjaA3MbL6GsaqKz6hYEoo\nXTVK+rqJP65v22yxUOkrvO4Vl+R3paZeSOrNUWV8EfS6vphtlZluQYToD1Tt\ncm3vRZtzNFBLLFEPCP4j9r78WgT4B6aQQVipkac/gC1g/jFXBEenhppKlMIk\n1Mafgj85FgjmO2lnxg1x1EwZ1ikI3XOUHALCZjFq6ZLWOZJ7XEC970ST21mk\nEKHqlmhFvf1rqmVCPw3BO4KMRL/TD3Y8UozPIV9O2DN/6JBp8XL6iSf9Elbt\nUzf9rQXy2dUyrAN8DQAruwNZ+1i6IVhHjBTbz2+iqJzL5v6O77hn5SbkW1np\n/53R\r\n=4XGk\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAfKmfgOQgY1TfcwKDbOcEFu70VtE2BFB7fOiQebPHVEAiALD3J6Q7VYjcK1IUWTZs+XuAFhCgImkCeiux4kzMu//w=="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.1.1-dev.126_1620318818779_0.4658426279852772"},"_hasShrinkwrap":false},"0.1.1-dev.127":{"name":"@spaceone/design-system","version":"0.1.1-dev.127","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0","copy-webpack-plugin":"^4.6.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"46d73d837e6213bbfde23e41601edda896fbe90b","_id":"@spaceone/design-system@0.1.1-dev.127","_nodeVersion":"12.22.1","_npmVersion":"6.14.12","dist":{"integrity":"sha512-qnnzhOl1QM7DaikzuGSFBx/6GLgwkb4WamPYCL/RIkGJW0fa1vUvdg5rKzZr+QDKItf/RzBlUX8ClsSnsGLmeg==","shasum":"0f134908ed3246f1eef84977958d85c7c71bb340","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.1.1-dev.127.tgz","fileCount":968,"unpackedSize":66994744,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJglB0TCRA9TVsSAnZWagAAda4P/0uum1saSUekSgQhoXe5\nBj9k994K/WBLS6UerEGkCzX7P7rjHHXLLHTn19aRICsFg95ZP0toodyjU9a4\n1AxWpYqNyxVyD13HLHF27FoGgXN3Nef/amMRCkdXnP/t9sIHf+sCSEN9BugM\neHGALiyTOKFFQ2zo9jGLwMFFB04GfxHmdQfPP1LUd4/7F+MacarSfaYhE8aY\nQXi0RWGdLCxK3Z1izLaywIF6QdQR1AbuGJ6R/pHDki3p26U4nvPVdPL0UP6E\ncosAkFxQLJoPfyb32vE+yTkLmkXq5vW9iqKWZavdvglzwddExJbj4z5ktu0u\n5MHQgZnc1PvIOMpf8h5iKJb/v6eRumm/iqOTcBUov2/Yv2P3M8T0eG9gHpE/\n2sQmcOr6hqoZYCL8kBkuhI8QtB6V/VuinXYYPSPYAsDgGupeCGLtb9gvXAQq\n5ov1dveHanPgGM8FHNgwPz8ifp6gT1zp4hfZK3yJOuQWyXwWEGAnF2QEQyMH\nS51M06fgS/FwIbWgJxD/3egWtvgTCUwEn0RjrQmOcY6ECDgRUhE+fLXaq3SE\nMQitEsmMueadWD2a4+1WLbtHgXBB3TCSib5OG1yHpemFDML6D0Yd5M9KZdiF\n2UBdvZN89lc7Q4Wm6ZEc1DzlyOgajHcGFA/dmdCpPPzLI3b+wBDu6/bU7RYE\nfXqY\r\n=5GUN\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCpB21LqR4g3d8HudfVRN+JDltBMzCByiDtFrA8qw93DAIhAKFyLdudqjc1H08kYEa89cfJ/F4z+qSzEnDntsiTJMLK"}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.1.1-dev.127_1620319506561_0.4340435734287267"},"_hasShrinkwrap":false},"0.1.1-dev.128":{"name":"@spaceone/design-system","version":"0.1.1-dev.128","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0","copy-webpack-plugin":"^4.6.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"9f22be803f5adf2e8ebcd33cd73d4bddc6861a80","_id":"@spaceone/design-system@0.1.1-dev.128","_nodeVersion":"12.22.1","_npmVersion":"6.14.12","dist":{"integrity":"sha512-hiSDLf0c6nn4hKZkEzUs0+FBa3F4fRtq/iQj+GOrrGP4Fb26LPggpRVTmD7HO9xYCH40OgOsT+xmB4VdVQCH+Q==","shasum":"775c0d0481511ebccf0e1b12918619dc0acd86d0","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.1.1-dev.128.tgz","fileCount":968,"unpackedSize":66994746,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJglJsGCRA9TVsSAnZWagAAhb8P/1o3PWgd9/u08l3c60x3\nSTMnLfxtWRcCQ7cIiGjzPXeLOSn3dc9d3Qfcv4IIgO1e99HHyNu+hcyqxGJY\nMVKZcVsZPv3ZPnkLzveO3+QLDHAzJzJONoWjZYBCoTkaVhyDUnZTpV92wccq\ntcBWeGQV7pxvsyvjw5I/5jX86y/EsIvWAxfvGdtSmT6LguQWJm6rFfj5CQt+\niawzeN9jIIo+Rv+ZcL8pwMyT0HQLwjRkrk9sLwu7oYGNtHn6Qat91Our1Uiw\nDIl9hqGbUZvgVIWBWOD3T0G8hm4eO+C//oH43ic/5tInjJOw3mZkjgc2mwMS\nuB6FBIYYr6dKXY/DO4Ana0KBANkuy4c+NCXEmPwq8Q8LQSrr9/sRIaTn6N9/\nNoH7o56uxsbvSR1RJE0OheA54hefRi+p/EUvim0vtoW9h7Sl/0iX7bXpHUZR\n2QCS1ciDuUqdZlt2OYkxulm98oQ326sIRrpYkThLtaRwa0LoYCfZpLXerZH4\nYoL45oqe/IUyPHUUAdtzO1dGwRjoMOOX20GmFNyDqauIu3mhWxKiPeDlPFAN\nDYtz2Grp79wFrjCZv51Gxh/2uGiarZTN47yWy03QWF9VSQMkYjjBEYGxpslp\n4GdG/xULW1PBGhjMkjxxpRY6TUdUIScMGDra8oU/MUlcuYOerQSVTG6dAmji\n0qc0\r\n=T7vN\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCw0umAjmt+oUIRlXZg/woc8RH4aI+WTC/XfT22BSmGmAIgPURk2WSFhbLoB9zRs5RJ/9f/7TWSB2tF7iadwMg2xOY="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.1.1-dev.128_1620351749475_0.2688068827355201"},"_hasShrinkwrap":false},"0.1.1-dev.129":{"name":"@spaceone/design-system","version":"0.1.1-dev.129","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0","copy-webpack-plugin":"^4.6.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"0d4e8d90edccbd0e5776c763d40cf39c25c213c1","_id":"@spaceone/design-system@0.1.1-dev.129","_nodeVersion":"12.22.1","_npmVersion":"6.14.12","dist":{"integrity":"sha512-eymICdICR86nXkWc0Kuso4rMohaZsaXoHABYLykoMpIbdN0M8Dzwc848jlo6UrQey+3toNALvdxuet64s30JAA==","shasum":"e4d55bf9436ca114c330deb4780ef78b6d3a7270","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.1.1-dev.129.tgz","fileCount":968,"unpackedSize":66994815,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJglL66CRA9TVsSAnZWagAAbFAP+QB07q0EBYlNI5RelZu+\nPsMygklQF+7zou2i+PxnibZbmKP2rhbWxcvUcETZQJ7CpSWkHNSgYP2VyPpo\nAnWj3kOuDe0mEHE48BSw5MU8Ahtjtmjscm0muQ/CXKPWfDQldcMUZm9Iioly\nzJhySKSUnKUbxSPYya90dk7IzOM2sUWFPCcjl0HbSmzYhm7N0BwmKQrmOMSA\nruWfZ92b7CFwUlfmErec/M94B2vOllM5Qrkw1GR+qlLzhuB84ee6v2u2BwZ2\nWo0tuRpH//OuxgEZ8cYtwsDE/pdWtuZwKCOV6E+j1DTYlgqO+9AZEY6EPv7c\nQGV+5keVyMaSaxqHNz/CuZwoiZ6IpT4xbzUtZqQ/KzJHw+uvZJfTjatCdZu0\nGzgPUMSGOCQYNZtt/Z4eQwXZfh1KvJpQEL+sXTLqWhd+7TV+2eiM5SQgMYBw\nMlyJ4hk5g9TcAoRgyVU3OvOwTU0Lft5FtwlCipp47Np/2MSJCbIC2HvVjjgM\nXMeA54NrUBk6oPWOhvmSo/EHvO9sm4Lj1urpm1QkbIkuWkj50mf/sZP0F2Mu\nqPAQqRbfcy0ixHjuyDYnEu3Aj5kX9NjH8r7JSIRL3tTvSRjgn4L/LoUHQnW8\nC4JZqb/5oe6oUA+Vd4RY5EMFplPlx1Guw1KSv/0M4qmDvGjO8ZyrNfZTPHBT\nTnkb\r\n=HhhO\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGd762EiClwKKznYit05N04zwtLTlpdNZ0Hq0MktAX77AiBG4e1CReLOkZXA4c7TtrUc7lh1/8xTRf9buyTJlQMNsQ=="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.1.1-dev.129_1620360889219_0.6169183295989826"},"_hasShrinkwrap":false},"0.1.1-dev.130":{"name":"@spaceone/design-system","version":"0.1.1-dev.130","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0","copy-webpack-plugin":"^4.6.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"0c72ad35d33e34e6b7ac90a77427108c1006055b","_id":"@spaceone/design-system@0.1.1-dev.130","_nodeVersion":"12.22.1","_npmVersion":"6.14.12","dist":{"integrity":"sha512-CJjtfebfvXV9JXjvaVhCWNnrI4gGQSg4IHlvDp6Y5wTA822QQTSuBXuKwopx7wAlfeM0C9Kp+ET/TbPtq7/FWw==","shasum":"d7e8a68e94df6f65c7b2c727011a8295b4bc27be","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.1.1-dev.130.tgz","fileCount":968,"unpackedSize":66995373,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJglNY9CRA9TVsSAnZWagAAyEsP/jpSRFzDIcrBXPaMahtF\nSQrDiuts6obMp/qkeXzsgu8vCruUR+DmCDYCkPCz0/AkXmdU8vUhQEDHfgsc\nfZvT+RszjM0M2TCJs0YI2gYUKcVlBC4DPDRfZlnGLn+WXjs2pghlTftpQsaV\n5+Mhvk/vFdaa2zDyfHwPGmndYDpcPzalHoZsUZNkK5bsrvsuNGI0SDNINpfz\npSZ6RSKVOeqjW8VkRH1uzDfObKHWKmi7spZEYsXfrq0LLan7ZU/suNyZQiqK\nGx/UZ7xMfSIFN8S8vepf8IVPf+hzPSAEweXJ2BtaE1mQBQYHpmXOpUEbUYCQ\njxTpfFAZA3j0SX6E1d/pIM/TwWSMgeIkjn99uKIloWZMqVRVcz2k9aiJ9PG0\nI7hxqHSwV2Jh8uGbpvZObhyD2jTqVGuKgqCPcjPeaLwpZS+K5SDrgT1LjxRQ\nmIgAM7ac95PGV7lTs+aiwONraE+jIJHucPL1m3aVSphPjBA2PrLxdTe/V66B\nqakYptYDCLVfsx9uCW0smDJikDgfiCcZzpfl6m5m+9yE5wWYfxNbOP3EGGvR\n8biMwbosNMftPZ8VPnabaHmDbJg6D4Oh1KvxzT6UNlybm1M5WA5csRNQb7g1\nN94iQC7tJeuPuCZ0kwc7pjQ6WoqAx5a1pDuoFQ3cp//++XTBDfOTNsGluzFi\nK6hZ\r\n=t3ZZ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDro4S/0bXgpymFszoChbMdT42dKpm48ndq3XW8mieyJAIhAPqpMjluSRaO1SQcreJr62Nj9qbF62CQ3cw0xlBOjDSt"}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.1.1-dev.130_1620366908400_0.587488796747125"},"_hasShrinkwrap":false},"0.1.1-dev.131":{"name":"@spaceone/design-system","version":"0.1.1-dev.131","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0","copy-webpack-plugin":"^4.6.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"57a2d8429a2966315b1205d6c29c95278e150801","_id":"@spaceone/design-system@0.1.1-dev.131","_nodeVersion":"12.22.1","_npmVersion":"6.14.12","dist":{"integrity":"sha512-G3we/lXc+B6lRdLZ7fKG98KvMr0Z28CpvXCFyuiNMGthjRIZLz9iYAsYxTKPjGZLTcvFf4XKQNgkYnnJ/qzNtA==","shasum":"d77c2b9b86f4d3214e6512dcdbcd93525c7bc79a","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.1.1-dev.131.tgz","fileCount":968,"unpackedSize":66995620,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJglNogCRA9TVsSAnZWagAAJN0P/iVJ+L7FiSiuOZ3NouT8\nwTyjB7Knne1SvZ/UPkn2EYKTFE1zMuEZheSDPJN1C1E+7MVORge+0ztBsXBy\nAvBj4wv93pCZnZVcGtSL4bu7y7oLsYxyjyFCJJA4jbohNOt4GiasP7sx2dJU\nMacH3cnnsxsdN5VFEiddQgyuqVo++UumsOFJAnaRsnJiTv1QvPlVJgOCSfmN\nbJUxnYFKp5RC/lTwHQXPce4sluFc2dxTe+z0F0H7ntOwMZl5+P+RcoqWAwPf\niZEZCdCFnW/2hKgNIDQFVJNyZOkAwxI3iDZEwt9PdFep+43yNfakzRX+aPxo\nLpxlXK3pCJmbySqD2+oAHFuIhOkkbkoXHN82/88iBxHg6LYQ5GPNSikQFEt5\nLubeZzP8uvwY6q7PikmFjkaxEi/eQZGjK0nhnHC+xXNyENP+5d07k09x5E8u\nrD8v5dwRAMsZXhfa5MCjYnbQVk8wiIzbLY7HyU/ZU4v46uuNWBfxWr4eSFp7\nKsmE10mLw1ztqeu7lkGrqybKHy2T3ZSYsa7YPrNiQqs0kb4L1N1gf13noB0B\ndo0qSkDHgjOF+XMYUmeXDzR/qGOkD7CL0Qi6LwRlIviW5mCjIQisycxhe61V\nQXnhXXMI84225uhixjeVzkqKt9vIckEcy4I6Rha/gG78e+L4kPcClMWuCYUC\nyFeu\r\n=Tn+X\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCwymjVUXYFSqO8BjdtPKeNrk1V4jgIX2HOJxVMAByFOAIgEK99T8pbrDjPpjqb90WrCJb79NoNVm72LxpRttzFZIs="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.1.1-dev.131_1620367903117_0.5206820696879506"},"_hasShrinkwrap":false},"0.1.1-dev.132":{"name":"@spaceone/design-system","version":"0.1.1-dev.132","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0","copy-webpack-plugin":"^4.6.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"f9bb5d250b79978e7ed2956f72037f8be1a3cc1b","_id":"@spaceone/design-system@0.1.1-dev.132","_nodeVersion":"12.22.1","_npmVersion":"6.14.12","dist":{"integrity":"sha512-FQMxpxI+DNklrKGWMg3lXTb5R887RECHVusJIU4LhsoApO7sNlxoYC8WeiNMhhakSq6ukP+YWWp6vn28f3HJbw==","shasum":"907a79b05dc7e59b76db7dfb1f302c0437b4a2a6","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.1.1-dev.132.tgz","fileCount":968,"unpackedSize":66996895,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgmPJ8CRA9TVsSAnZWagAAl/UP/jDDtqQUpMQntTsBekhl\npWcewYbWf09yAQRWSCm8ygTJ2GKLPItRksL6O/V5jg9CdFr+zrcd06/lNw6Q\nUzFf4i3ucXGHIRlDFX5ms4RyYcy8gI4E7nRt1+Z54iYgnqN8O8Zb0pM+sYIW\nsRZ/KA/W7ZzYauLOysiyoCv7ZUdPVFzqZjMd3wK62W5/TKBepmSZGazo6lvM\n4GDGpVf3W5bfqI4CvfWTp9uX2crkorSGmlYk06pR9Bt11XYfx+sooYqpBqfU\nv2Mzq7Bm9f3T/bb1Bd8A8Xtyt22PPa+lACOkfHFhXvPUr5GFZOl1JZMiuVht\n6pjRj5E8GQTfg/iTI822msPCgEGhzksPm5iSb+7RznmTXXqlkh7msE9TJW2Y\n6LnPE4hwWpA3eRqfgMnHDxJqg2sgcKfzypNC3FXpkGEQ64pPUpR8vTcv2K9F\nx7EGBswXs7iFj0sPwDS51jY6Palir1sP/gV+zVLrgwf0xcvRbSzMmfb06m8q\ng0tmT8K30XUChJKvkaHhOHugsgUPyaEoCcOWEXeI2RTTXXoDG0DDgZo8LCTz\n/005yOYWZp/b5V1x3gKQy7QRzBBxXwzwzt4evs91QXOzXLLLrXOvIxlcc9C9\nHdUzhT6gEoyo2TitGCmcwy1y/S9++8+sA2X0I5yoGIIurqMoGZlYcbTePl5J\n+PUi\r\n=ohZ8\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCID07GD4+A29jNaNHSQixle+NXjHN7NRM75KH3nlX1JgQAiAgW7FqXqPz6owpUFQ7dMX/soT7y+yxkvtSQKKvHYkPHg=="}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.1.1-dev.132_1620636283966_0.952814517047037"},"_hasShrinkwrap":false},"0.1.1-dev.133":{"name":"@spaceone/design-system","version":"0.1.1-dev.133","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0","copy-webpack-plugin":"^4.6.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"6adcae33350ed6ed484f1a0174062db0f75130c9","_id":"@spaceone/design-system@0.1.1-dev.133","_nodeVersion":"12.22.1","_npmVersion":"6.14.12","dist":{"integrity":"sha512-HRuOqjEk6uLUjUtqnGvuKiRppqxBvcF6oMSCVDSlykyTpAqS0o1EAOVAFEW25uDTI+pDp7eYajNgIgsqKcB+sA==","shasum":"1b3304ab6dba46d4da0173f5d2fddecebb23f1e9","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.1.1-dev.133.tgz","fileCount":968,"unpackedSize":66997498,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgmPfnCRA9TVsSAnZWagAA6hMQAIec8fXm1GTJjVmuET53\nxeD/j/XKV3CjhFR6iHeGIXlQA8Xp3SqSfUqEeGQXwV/CGDKi0yHCik61gyF2\naX6FZ+bDegyqAWP72gDHtzfbIkZZc960o8zRV4tLAZYsw4vdTlsRg+zy2sjT\n3gu6qif+Tp4Q9nWKKRYFDMDo2TS622p3/KtCwgqqn82aleHKyqqA0Q6StYVK\n1IngEd3WXdCReSe8rv87JDNFseM1DpYyXjMXHR+7gVY6i8u9CZQ24jo0d8Wa\n8Nj+eCVYq+0OaivMgYYsch3zxZ1Gw6Nzcf+XqAyhFIAYCtKuVg+Yghp6q02I\nRGI2C6JcmVcy7oUQTPo8GK+JS586D8QyyC2ZydOrr/Rcy2mcb4J3R1Jf0a8R\ntyCuw+V61JpJUkM7Eft4bgL9BABM2efzQ5gnba+xmBJRJgRa3B8MX+N4Y5qG\n9WoHUM37nwxDVSzHAuWfvksR+PtkO5z4glKRV9GBYGroRlLepK8H934m9o7N\nmkAmx8VPIwGuaLy5NuAkWHg67UpOKq/XH/6anWxi2ajxT2l7DHjDAgXB2Odx\nF+ydjQGUXoYd4AbS3Oi1+LfRPzr49XaUwPNKWF+D/rFivi/rlb/fgUCM9D7e\nlmeFdtGVn4Kw2cpzsXpbjUsyUmWFQYOrv6nwrXIwOGKc/dl8/jiT89/p3qPk\n3mlw\r\n=3rsr\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCPkVsebUN4tBGumaYS1f/1q/A+BSzfsT92++6lSMCWHAIhAI3meNFg0++dYBuruLCTqaDctzaPW3IvtWiPcCORG2TB"}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.1.1-dev.133_1620637670277_0.7508781350744369"},"_hasShrinkwrap":false},"0.1.1-dev.134":{"name":"@spaceone/design-system","version":"0.1.1-dev.134","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0","copy-webpack-plugin":"^4.6.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"3938e11af61a3d5582f7a8af41d83cbcf11df13c","_id":"@spaceone/design-system@0.1.1-dev.134","_nodeVersion":"12.22.1","_npmVersion":"6.14.12","dist":{"integrity":"sha512-DMgNzlh9JrFHW8TNjotgVMOSnGU/g3hE6AZhBYrMYkAY81gyGwzlNfQPHFdQT+66u+XZG48k9JODvio+i74feg==","shasum":"99881379735a6dbc2f28292f541e6962bf29a69e","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.1.1-dev.134.tgz","fileCount":968,"unpackedSize":66998312,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgmjcXCRA9TVsSAnZWagAAOTQP/01/GaMF5dfX3nCMqHvs\nBxIsjWcMcQilGU+qi5AV1nQlM2SKNBa3l6+tjR10H6BmLxPIFeChDdr6SEu9\nE1DTdXSeRHhs7oKdxGkHkpXiOeHjFkXeJI9M5XjwsCXIKBCPTLk/DGAA+9zU\naO7DdfLmvyw5rVYAAV5LNoiiHw5TDibcfGZn2L1wD+uaFsFECxZXiZVPvZJe\nGStIfWr8/uNLqPmrXVfQKsbcB20E1So2Uec+mWcxbwsQS695QUAet9iZ4IDW\nWBH9X5tFuKYqZ4taRil/2fxABJXAoasDb90+mo7cRTXd9RHKALVr9An3B0KJ\n1aybF7NS6lr6DDknBjijo1gNcCcWLa6mOEeXX4/YpLxgZY2HBzzf7adbUTYk\nmvKKD6GPYsEyI7buIe4Cp81nt++k6HLnnptorpnh27G1q/HpcGCXO48GFa0W\n03DGNgHLVYdObQv23bsVLXcSel3xFvA/9JJSOOGHYafxtNUYvGSTRWfF2iRU\nc0i+5heEZ9a53MQGsv52UEjQAVms/DSpc8sR/lJ3L+sjUMq8AKtWbwQ+DloP\nuPQch+5Zx0yuVva+Ss61/8qB33V1uy0gCQzM3VxT5n2A8YSgD/aeHQmkFKwc\nlADKiZdbfEI7Qeav+nKXP4HJ9X9YMJXwJy6CVPgwOZRcHY6Iklj5TCZ5rJ4c\njrdl\r\n=1PvB\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDQSjlAwlb8+cpOoKWlVf2Dny8ShHxopgekDMCu7jbtgQIhAOpA+wClSwrqf/BzEIQ7ZGrbzpB73DQpGdUDziKTJ9cD"}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.1.1-dev.134_1620719381984_0.3634875191331062"},"_hasShrinkwrap":false},"0.1.1-dev.135":{"name":"@spaceone/design-system","version":"0.1.1-dev.135","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","css-loader":"^3.2.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0","copy-webpack-plugin":"^4.6.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"gitHead":"e43a6e094285b2599fec384a9987749a06728ba4","_id":"@spaceone/design-system@0.1.1-dev.135","_nodeVersion":"12.22.1","_npmVersion":"6.14.12","dist":{"integrity":"sha512-eMMQhRmNdOREa+GWUw5V2JkL9h8w7v3sgo4W5S/yh4TKXcj44VCpEVSMrG1dhiGsOiiDdb/sSFSdaWS2WeFJ+g==","shasum":"0d778198ad1c4e3cb8406ac6b0361df2cf957cdd","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-0.1.1-dev.135.tgz","fileCount":970,"unpackedSize":66999822,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgnIGyCRA9TVsSAnZWagAA54EP/1/omphzFyQYtVDF6pC+\n3AsXCvfFX2FiyGL8x9mMYMsIlb28PHH/Z/iofxPWZ8y4DPmuvfLiFJJbLv85\nasGFBZCpMHaw769xC6cyT3rPR8ylCVwH+esCpa/BsidBT8PLBqRs9AMmTVVw\n2xR+nrWP4xgVWP9k+SisOgs4rEKILtOcXkEPTxCoosB+fF9qQiO1I1swFV2i\nb9u/7gynw7cXyioVAqGH+ScHYU+W2/V5gJaWcARIC+6WlydATFgZJvD+Jg8a\nVC1Wi7wW1F4SY30W78/c2KYmkEBxbhnniNGlru5sX6F6Lzqmgwwl/hawm6kv\nM4YpRqFmBXWCb8TLHUEDTdh+stRKBeMNeI7wrfXAt4n+kCffd/zSVka+h5t4\nrCQDjU8rSYrPnQklWZ9IkHZ1ZMjYHcS6pKy/YoPo9jHVkh5zUQEi62AiG9Zv\ng3tVUl1aVHT+Rxe8V187WE2ESyxOI64+J110hW7iOfW+PoCrVilltcbLuSiV\nA/A6yQZnmD1EdAxXm/smDBYLN7hVDpaIBdFwLqO5FwtxrRSHFA3TasAYwq+f\nO3gLvi6HM/LARz6xTmYU14jo1aWSnN8KRBb60u4MO3vKuQzPAPkZXMQZiHXY\nDwrhmYQHbz+uItOgcn4b8O8TYvrv1ZQFOp23G18tyUK0DpRekpk3OsrykeST\njSEl\r\n=YQbJ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCX0gNr0CdlE5z/eCWp2s0NE07CcaGkVEAu6Qi/5Ety5wIhAI0IEfkgRRbGj0GYJARLzp4BsdH/SGk/teqh7YGBqStV"}]},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_0.1.1-dev.135_1620869553565_0.24770299622796577"},"_hasShrinkwrap":false},"1.1.0-beta.1":{"name":"@spaceone/design-system","version":"1.1.0-beta.1","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"0af8e6463f48629027c8880fcd5cbfdda1e59b75","_id":"@spaceone/design-system@1.1.0-beta.1","_nodeVersion":"12.22.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-sK9Wm04qon3jvwbgng8RlnAwq5SZmGjUlzw1aTZoEUstqLP3sfF2KbGlljHB/Wp91ZCvj4apJ6ivyE/ugY1+ow==","shasum":"fda8d2dd038404a380e762f2fb59a1a8b171c760","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.1.tgz","fileCount":966,"unpackedSize":67018378,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgniBNCRA9TVsSAnZWagAAZqkQAJhz6B4Hwjlx9X9v0fz8\nnXT6GnprsMy10XgmytiuLZr85NObsLlG2nhjsOwJbHLgCVnx8mc0xmjeIIr5\niO3SQ9/YtKhGV/XJhCNMTj22kPcJla1kgeRp+dbeBGrQeIyjU660n9eZjFQz\nNK5IHB18TQSmilP8xpyixwJgJKKdFuyxG4BDYVh0P/Zx0pAUZby7W5jZC85A\nvg7dGEmaUTm4VpIwa/5AyD8u+Ivbi9bsFtDNJ13bvme0aXEo3d+AeJvtmDG+\nA0PzKNmjrFhLRwB2xvE7W3ixQ2EJgq4LfXl255T1UAbSbqugpRtVQQHps0BX\ny2fnfSrW+4NyceeMT3dkDCQkc6sjqOrJuNT8MDiY5Q3/vNUKG3b0KgbLxIA9\niI4E1O8a5K3BWX/9U2vrQHzisCaUrG/oNGFy27hE6k1ElzGoqMPciWYtWCqS\nx6yUdqkO9PAHhwJEH6RzaSX59w3Z3vPV6A7gdROTU87X0WkoEzxqdEIrylkM\nAVzFYwbVt1P8dYYvy6344JnulKd4Gds1lVbr0RKX6OHuc7iPEj2VpmzigUcU\nrduuiGu8KJPZGEZOg71HVNN8YvXuTBXRfRwSsLJ9ycS4Xf7IsrPT+A6YGxD6\n2lCbvGchxzXR9jUp6rVUg2Od2tITBGLBpDPe3uyzcvMzheZpufif5bgUX+jc\nl4jW\r\n=PtTt\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICF4d3FGAID7Nhy4UCfW89jwuvx+9l8mBeC9AQCsDfFaAiB3NZpt9FGZttvC+5FJ91LqoI1VbnPMWwKhX8jpfCix1A=="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.1_1620975692369_0.6219412825038724"},"_hasShrinkwrap":false},"1.1.0-beta.2":{"name":"@spaceone/design-system","version":"1.1.0-beta.2","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"7df953dd5d305240bbe8dc6ab2a6490468ca69fa","_id":"@spaceone/design-system@1.1.0-beta.2","_nodeVersion":"12.22.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-Br51O2CW7rVn7qrQ6rbkbG1Saul5X4xGC6p92SZ9w+EXuW5wgtvVuI1q6+nRgRKqgdZaQBX+KQMyMdui53XG+w==","shasum":"f588b149c626ef0c4dbfd9de7a2e49672481fc1a","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.2.tgz","fileCount":966,"unpackedSize":67127748,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgniOECRA9TVsSAnZWagAALbsQAIh1ukEBRB5v1M4sD6QZ\nNey5PNMXuIt64kKHle91DuKu56B0xspbRmL31YILIUnyAiSdt7SQIlN4d83L\nAZ78RSqEc+eA1V8IfyG34BiHc7njSJiP303rRstW1eMGuv/Pae2P453Yi+3w\ndW22U4NDLRwqCw+KIoj7/EFJ4rpdq6g20HGirhHUiw4FFSFOdLFdg60MsbtO\n6rr5Fqo0VF/9Tub3u227aTbLpupHrzzMT52ywannCx3I6Ng+npf9o44mDI6K\nMBJwU3o9TP2rW6xFfuRaMlZ17tGPrCTihwlrzrDDERQdqvyhTJxQrJbQE6s0\nAUZMF+Nxu3mg6t/tvkxm3JTL0WSn5ThCLh4Y5GYrfCpO7KeH0sX0+gahdqwI\n3QxnehJIIayfnW3hljBd7TT57acItxBYM/NWqej3eFdgHMOgCVahan8I2isf\nmJACNMnrZqYA+ncpvwQxmSQnMCZwlbPkedzb70oKfi2OVhMdHJDE9b74bW59\nCL6GlGlHzoN6W1lXZzHA8buTehlwlVzPhC6yDEiZQmDVVIRGyltMQULFmMpw\nGIb5CMiDESm8BH2x+vMjHZUd6Qp7/D+DfiJgZ/Zcwl2lFIKtJ9A+9RewWKt1\npEaAIEm0ZXVcH2LC0igHOKvGWhg1t3SPFvNacJisen4/minmivRlVS8pubeW\nLu35\r\n=wUaT\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDu8KuEqMX3GQj26KiGy+vnhPL2U2CV7xXYyniQAZw8vwIgQNJBNyjIzDCCmSjIIU1ifo1AqTbqfXHJW3rjEp0KJj0="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.2_1620976515549_0.3290452989941235"},"_hasShrinkwrap":false},"1.1.0-beta.3":{"name":"@spaceone/design-system","version":"1.1.0-beta.3","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"aeb1fb2e6abb1e1b619687429687a461bce80e71","_id":"@spaceone/design-system@1.1.0-beta.3","_nodeVersion":"12.22.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-vknyzRBHt0x6910TeSeexz/4XMDHPMcs4XsPp4i21jI4gIoI/CUc2v1UYFQcMb/T8j0VNfoOZ4DCygOB1YwMSA==","shasum":"4422f297675d12da562e76df9f37c7879ca22d3f","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.3.tgz","fileCount":970,"unpackedSize":67142239,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgnjA7CRA9TVsSAnZWagAAV9IP/3e/5wbW2r5IlWZSxtyJ\ntecVDNM76TAK4tNoafcgI9h86yZebfAA89kj7Pp9dncShd/FLWmUmxbthmar\n2ol7kQGJejngz75cSO3fQtz8AjKLNRFPP0j5mVUzivGRcUbUdPVWiMMwYjFW\nB2aaEyRb/wuCuji4ra5MqUHU8YXRRyzMqOjEo+MGn3cddsOCgr2Xi+Czm5la\nyaphWAiV/Kbezml8tPJ+e01m3PJIR4fQ+pBlE9bIte+Ao+JQtdYdW57w7TFJ\nq4eYnoFOmJL8p6IuLW67paPzwWAG9vN6yMkPdJWYwHbpbJHmO2n0BMTUaZQU\nPJ8n0iyDAk/kpLodJKPApNsKw9v6/IMdILtBGRPsydrbpJIpnIeop6NtiGt1\ngbt5u8Gc4WIFQL9qFPDQhqwRNYPLNr5P5YUyi0Uy13x7XkrVSa2D/y0mw6OL\n7IlKk25ryElDK44kZlnjveQGvXSt5zbRP+J7M274VV66j+DGYhTmZQYGCeUT\no4aYlbSNrkk4WQbMAzScy0fhZv58opos/0vSdZduNXQQ148p/JYARMgL8eRE\n4gK8FRzofN0EInQE+EaeC13lFUW7E7jFsDStPhj5UcoWPVfJ9HAQm1/geKyg\njY5p51rw1hbvu3fIa6nfYdc+NielPx8Gqj0C+NL9a6qKXad4I2TTWQmqNNi1\nqdpK\r\n=VRp6\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIE05GHexmja2Lt3iuyVIXAFD+95ZIh4iJ4e5KyVBChgeAiEAzEWJe2mvLEEwD41u4gNgbsm0j0BaJdnivZrXCjNT/Ms="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.3_1620979770522_0.4142250870252324"},"_hasShrinkwrap":false},"1.1.0-beta.4":{"name":"@spaceone/design-system","version":"1.1.0-beta.4","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"7cd024a81ff3fe80197d13eb1b690b0ffb92855c","_id":"@spaceone/design-system@1.1.0-beta.4","_nodeVersion":"12.22.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-u5EwGbYj7oPvFBnlD3HY31vbSCkgFWtSqupXV8OrN/EPe4s2cb5/cekxl2GgTSHQPDcEZ3TQENY8r3nrCfTGfw==","shasum":"bb20d282ccd8fcdf211aa1702864dce0940a23c2","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.4.tgz","fileCount":971,"unpackedSize":67145834,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgnkMGCRA9TVsSAnZWagAAB1kP/1MeTnQnIryVpW/KzO/p\n3UlB4FdcWMLCzrRz2RBn6joyva3ByWe5617TFE3HQlhqLsTQuEcANMbtqnhi\n1G9f+7sbksv4ubQxECAaTyveqsotPFjBBgyhZnlqQsqEaKerFmWVAe7uEV//\nsK3wujQyjN96b08tXAObtDTED4qNmNKE7OtPyGkY86aA0J2CChMJiBwnrkb2\nm1DW47pjqn4d8fK+q0rSsdL/aKsyZfInR5ibIpDojngI2jJ8SMliAGLAxDiv\nubu8tyTBrOeWi16cQADKIwas+sJWdY/UN5oqrfSa+WetlJ+IXpk1pU0bxQsk\nkB5tviCLZLXoSJI2eLJU2t/nA44iEJryHKPnXJBAtduciluFGuWcVK5Xx6KE\ntO7PTCJVe84NrYH9jsohAdO2qF7ksN8TsxP/GeKkoer9V9YzfhKdO3dgwroc\nldZk5ZxPnYXHEcL+gbjJC0JaH2UT5/jbM+gLz6w+LIQ9yRHW7ghBLIFAqtMV\nb7Z2IoiBb7vFynLCHrumqtOKfvfvwQq2gBKxmYwD0P5Hx4yNPSG5tEuoZyt+\nNwxZnoYqhvKAICM1tsdj8QhziBnzdqfEUFfcWktpU5cTCZjWB2w8TUQDpOPb\nz/UJO4iPmKdPiirxBXk+H/t9wNu+JqC/Q/eCQ2K/TIuZzquSqKR0/otfWbZc\nDOPP\r\n=gk2B\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEpC3AYh47JGk1W36XlpQZYh+/UJ2Vfwv2mHHbhIPQeRAiEAilLuFnDv7J4jU675T81GnJBqnYSOs1Nrgs0IO2xPqd8="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.4_1620984580339_0.7925026074372219"},"_hasShrinkwrap":false},"1.1.0-beta.5":{"name":"@spaceone/design-system","version":"1.1.0-beta.5","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"4cb3e366fd11a9578a85682a0f2831c13921c475","_id":"@spaceone/design-system@1.1.0-beta.5","_nodeVersion":"12.22.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-a8Oys4FAxQTfq4bP3aIKvH+xecP7iyeYClhwh58fKiO6ANmnYs6ioJfSztokFMYZ1mQmXK+1Ay/6Cv6TqmPbpw==","shasum":"e6ccadb1a67b79ff072a57446cc4c18b4f883674","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.5.tgz","fileCount":969,"unpackedSize":67242014,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgocpDCRA9TVsSAnZWagAAUq4P/0WsvWdaprOnR8Qu9xjF\ntxzxBPJBmer/hJujhggMaPi5p69JAOell2F0kS+mYNwcoIUkL62c6yYAffrG\nESJUpZO22twdUyommdN550WWeh3UvUWdP7B8IGj0xwefDcJftIduMbdB0VBq\nAi1kLjaKg9heKXSIVqI1eZBIrEsIOPjaACg+nuPXnzt+YGQltIL/Nm/z9jW0\np9hE58vds3uyXSsPV7TumN75k0hBRi5b43N5t20Cs1lMnBFNL2MZ6wLTkjZZ\n49J1CXea0bJt1tolT/2tPWCWISXSIpfGzQKpoIG2iZDtu1F2SCHLiu9gJfqc\nV7cgEUv/c6k2HVqE/hKuuNMBuKiGWo1bPu/Ad1TruWXZvb8K2nu1r7Rm+jxB\nbh0D/cDJYAzzb+nc298ny43GXGAQZrMpKASwSCxzxONYUWr9+T96etGJgoRk\nQFjk+a4UF4uFLbzh+jFvkzaz8Xp4n4tTP4HEyq8NDlRUKoD1Jo1Z0d3dxo2U\nDCRNKkDxo1Ooacj8Hepqr93eIMo4sxJYhFlrB0i48iAIcNMBWwRgZ6u+mk+9\nX/c3hyUYuwOi3UgrRSgdg9DCYeLm6cVuZH0qHP0cVPn04VXLA8q4n0qMJQw9\ngj/p31AujMAOU/I90jz7bT+A+IkfpE/I+gYoGg0B/kGEDDZ92pdJzCZLF9zH\nLap8\r\n=Iz02\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCRHojQOvG0kql2JkXAP9EQT86/YAbg02QWoqG2gUhQfwIhAK9J5+7tntey7Ozxkjzp70golc50Q+UAHPX04PAXzGl3"}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.5_1621215809948_0.9757209855092843"},"_hasShrinkwrap":false},"1.1.0-beta.6":{"name":"@spaceone/design-system","version":"1.1.0-beta.6","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"e860b21ac6a0a66e7971cd2a15ed40531d21026d","_id":"@spaceone/design-system@1.1.0-beta.6","_nodeVersion":"12.22.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-rw1VO/+OS6wrJv2AtWm4fwXFbfGf9JgdVYdXC8mLIPvPx8Jy5VcZdRY5YxYkRNItY3skzTZyjKfRidjnDootqg==","shasum":"37c8947a2439065e765e6f5d4791268c4ff97b3d","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.6.tgz","fileCount":971,"unpackedSize":67246430,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgodJOCRA9TVsSAnZWagAAVo0P/j1EtRguXEru/SUtZL1x\n+n1bhIY4+0lsB63Hav3GW6Cj24LolSQ/iy7lSt31uq0vN/qbGCJ/Y7UXEZU6\nQL2SHXfHQ0swNjueYLKZnok6ALGoJRSnRrAXmZ5rzdGZinCNSZGt1FJLwJUg\neZsRTcKBKi/nJWLXPmVMkXBslr5JzrzrlOjLal1GSno40oyA13/x4fA37JPI\nDCgcZ5Szk23CxOXq2G0IvSqJ+4TDfU1UMXtfwcXOTu9VM32pNdqiEXPDmPQl\nU8RM4aYe0kSw3uwXBRJNZxvOz6c2a+wQ8iTPACvcGnQasbIb8Dx6R9/XIE14\njAFJIwyar4Wnq7f7HE8DsMmtmNWBr1wHbNgdHn+Maos07C/Rb0PLRSab+3YH\n2qdtHz0k91J56/F6XS8STEtjhY89/z9RbZANGaJ+j/OU3UOpO4U8IqTVwtgb\nNWF7xVF/95tHClsJ9f1P1wq6JIGQJ6I5l4K+gvBVi33q6Dp0nYeI67Y+JPR8\nhOa5drhnyXgtsUa3K28ByqvvvhpUvu7h9R0OI+GA+VRnMXa84v9FOSf6OTNM\nnzVF2h4FoxQ/uuWx6vlbi784reL2dsu8gZ1a3XL4VCuJY8FaVicmjxUrrz6O\nFB8jUAb+wEaAKLdaTJAq45B+jpLKME6H2WzZjiOiTn0yVWBUMPldEXbUn/8+\nGyfG\r\n=cXXV\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIC316My+fWGw/kudhgZEkifqZegAxb+ch38nxEgUrdMkAiABx5/YF6o+lvHDEIBl+emM44NXSUpk4eMnsuiVl8keTA=="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.6_1621217869245_0.3231072817143117"},"_hasShrinkwrap":false},"1.1.0-beta.7":{"name":"@spaceone/design-system","version":"1.1.0-beta.7","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"fc04c4c3788790a779849844f7e9ea30af34e946","_id":"@spaceone/design-system@1.1.0-beta.7","_nodeVersion":"12.22.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-cnLvYzhaBIpxqojQLtop9kjNctLCa3wbIgmfdMIm+U5o/9FcItEV/+dNIDSeQAaDrfT99iQik1JSRCNqARengw==","shasum":"e0e203a113e50623d1a17511563bba8c89c90d48","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.7.tgz","fileCount":971,"unpackedSize":67246112,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgoekCCRA9TVsSAnZWagAA8oEP/j07B7M80DASlhT6hNV3\ntHOlUuHAyak5htah4aARSqOlPBGiHZj+GEEtauorIdy0eV2GjR/i1fz4LDNx\nV9YIifQVXHxrhkH+dkFWk9OpDzAjPqwadxmAqdWX0fi4Bz6uO81qywSMShDJ\nZXX77VCtJmtnQDdnIYp20iHx6ype6uW1Ts8LZaT0JPZzgLLDQQbsU19unCKI\nQLcrWhwBKFgXGTZ1jhIMcL68q5Hiq1RWDx/4Q/Jqc1RPShshGVHpSRymGYp2\nBu4OWgMhrSV+O2QHAviI/MVdhcRLT4fAG5E8eZX4Rxihl6BgVhNu4+LaIoiC\n6lA8iBFqZZxJUFhrNkAzXrBw8GFNYyj7G+q7V8ib4v4CaX29YjbzefzOJDXr\nP0KG2dNdqGMalua0AdzfjaRHLtKoOWmc9QjwU0gLH1hWfSenmGIIi+jzb0MM\n/fLOQ4WthviUQzDOg2LECTzJB4IVS1CgtgDGKx+gm7vY8w5PqWy9eJNE+A/V\nFJuRT5l7Fwk4A1Ov3cLeIjvjtMKM1N2bJbCOcB04Y2F9iIJHtNl5Ydq6oBTC\nsoHcG4UkmmxIpcLOzkkS7QUsMGUkvcVmIdoc9CcbpoxxAc753SsXUG3pjFRQ\nNRNTE3cFzqy7aJy1DUmgIam/IJ4/UZG0vmKH0Cw/VxkBJGNPlMbiW7QL2nB7\n35ew\r\n=xllU\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAzab93Me5cGeoRJ9T9b4c4uHvO+2Xi4SMWManEjI22kAiEAqKgCns9jRkNRt8dOavFsV55Y/lIfTS0fAerFNuRFpVk="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.7_1621223679934_0.040909155153630694"},"_hasShrinkwrap":false},"1.1.0-beta.8":{"name":"@spaceone/design-system","version":"1.1.0-beta.8","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"a3e26adfab6ce3f86454b732d8b8ad8d792d060d","_id":"@spaceone/design-system@1.1.0-beta.8","_nodeVersion":"12.22.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-F3RDKWB3N9CZ3tKPZmcJygxxujHvj4UNW4RdMz6FhaLBWyTxdwF6G1zaD/5rVqfXa+p9tph/5P2GuK1ZNPy5GA==","shasum":"649e1f802084a486eaad030919136b4fbc705e22","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.8.tgz","fileCount":971,"unpackedSize":67246186,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgooE1CRA9TVsSAnZWagAAlVEP+QAkbwiD6nYXx7oPNyq/\nsbERwvCrVeStr5mR2noqYqg+gjlbHtyubS9GwJ9B3dresOHDDI8tDEqMHoe2\npHMyEQI5DmVra10lZlDcfuJ8zpom0aSGymomQ2k3G4+wPl++E80+6wFuIx/r\n9EvOPXWSpc+hda9FyqN6KHRmfrz7BcqfDkDoV1S5TY6hZiv+PEQwK15TL7aD\n02/r1baAzN84S4z7C3rGKM7E//BmEL6lvdt9gp6icm27lw6vMu0DnIeoH/iv\nQmkSDmpcCjAaLLTC2EjKAjpjrVfKa0M69k6CUKR0zk5XfiZiIp0xSgPoLqvh\nXrmY93sDZHuj9mG0fYxEPBFECCBzdhOG4oO12t25OW2YFWWebiBiD4VXcY7N\nj+/MgkIHD2KI1Rw571JzBnow4cAVXWnEcnaJhum2Rf7J9m7SqWUuMpgSCz25\nR4BU+Uy9Iz/ohN687+4vUtEdsi7Yv8SQmJcZ3BmZZPJiBDVMy34J81Jw3dy8\nE/7v4o7QGo4+C/AKYdlU/Ug4G0xA8LmlVfUe+wyIp1dCqkdQikvDMc3j2xIu\nflt3R+CJc5rORYWTYKWIAeX+obVwPrxIXcFZ1ycdGv3hmikTj9+tUwBfjniZ\nFhXz2vd2+DyFzOA59LOfalvXWaiMKiuB3Enop8Xxd/CX7xiI+KgubfQ7sUzR\nxCnE\r\n=V2px\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC5rHhXkLR3K74AHlNqASenuIWpWEZwKpaeRi70vzDgFwIgE+Oe/YA6WE3a0tRzqxtl8dV4lr6gA2fP4bqK0/AdfSE="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.8_1621262644244_0.39459810645638527"},"_hasShrinkwrap":false},"1.1.0-beta.9":{"name":"@spaceone/design-system","version":"1.1.0-beta.9","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"8d7e9a1eb5e6d029ff9968ad2bd07c315f206ffa","_id":"@spaceone/design-system@1.1.0-beta.9","_nodeVersion":"12.22.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-uP0xbghEelQ0bsdUjFkHC7EocExXWbRuKzyqBdM+vYBwS7IugLsQuonyl8F7EhvtkXvJhEWcUOI3uCZm8zIxsg==","shasum":"b3ab40a82c4cb1ba4755719781c73d031e20185f","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.9.tgz","fileCount":971,"unpackedSize":67246319,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgo15uCRA9TVsSAnZWagAA0hgQAJwo3slwlfF+AojJ90ER\nPiABFlStJ6zjCuxePGlb2p/qf1hN2V1xSTqsOQQLvwyYb8stv6a/V/Pi2H2u\n/JXY/MbJNXnrQzA4yxS6Dzaok8DFyqQIiLHFNi3bmHFJ6wvOtfM32X08HQUc\n2AAAoj5qRuIVQnleAFtU+W30/57fmmziZQsT20bNTXkt77DrpaJPFi6nHgrR\naG9v0w51aUYkIEgYsXcu6dvsxPTCiWOMBiI/IimaL/4Yf7H57yOXaRYGm0Ky\nnv6Oj4SIsGgNBEhFIM6yYDx40xmHce9CL0IxvM39vaA1C09cE6033SK8+YlL\nbmEjz6C1QyaRicho6ueqz6jc5jPviLc1qAf6KN+vAT2DKrFTaF8028r1SEVZ\nIS/BWDo9kgCHXnkThw2p8KeMP7wn44GjHTFFjUv5TO9Jp9msiDUEqgrVki5m\nG8XBGoi9RWDVlNahHEY00KkdYJQYObni8Pk/ZU1Ze5g+kCYLkfiYcB3RYyLL\nS0JBOarbXTJDPauoLm7knUI6CmvgoCK4KrESwav7MARI/Jc/0/J+3CmY7tWQ\n0BuTYwHMtpCq3UQDF78xu8OG85PT2ILjLHXGH/peJHLbpeFc5p8kGg5Y7Hbn\n9AFYwpOxe3ZcknBYX28pkhNFaOHltuvoTvs+bZWedKq8Kv9u/FGThad312BK\n4Uf2\r\n=tI/a\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDw3r92vIvA0fh/3V8j3nsWGf4G2tTma1R64oB6awQFwAIhAIVrbBxamY5L76mkg3IwH99cXlMWYr0Vbd4NRFOFSyEy"}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.9_1621319276941_0.5298873963942352"},"_hasShrinkwrap":false},"1.1.0-beta.10":{"name":"@spaceone/design-system","version":"1.1.0-beta.10","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"2fba982e01fa83f79a4f08f2c68315572bdd32aa","_id":"@spaceone/design-system@1.1.0-beta.10","_nodeVersion":"12.22.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-vqewf+iFa81w85wFUERPfHCZnElJo/0P0iSdqwak0u6z8fBwbG2ABot760DgVvYG0L2JH7KUsnp5QGNU/6s25A==","shasum":"b2fe1293dfc7672b756cab697c777afd6653aee3","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.10.tgz","fileCount":971,"unpackedSize":67249466,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgo4ddCRA9TVsSAnZWagAAaiwP/iQxUvsGgaIDH72W7CX4\nX5Ca+VLZdE4od722q+ESWXBiRPtUAUsjm4e2yM8JpZovhnS9BywvBh5JntF9\ndhY/xSSppYHcAMt9gZwEpKiOUCuH8g8Zbrsn+9Bb2ra4dzdWE+0WCGTJ6XrO\nrvzitcvEyXpXp21iIJp/nAi1Nm4YAh0VhEvyg8/zPF9BA1+xSsU1lporPIiB\nXT5Sgnj5FlXvIq16R2yGedXr4XTHEamwTYT99kUqrCZjoGKlmLFXjhImxrY1\nom8dUtCRNk3j/Pdj5c5juB8STNDZEZfGVEgOwphjlF38pFk8fKIga4pxq67r\n9nfqTKt2oFKcQsqHWX+R2oXnAfgHDIMKul4Kuv+Xtwm+Bp4eay6xwuhvXUtw\naX4Buow7UEQIsVWZ9yAfQELQ1ZJ0GGV7iQcb7jLXT2wCzifQmKtuiQw4Z7gm\nzE/JNb6DWUNRg6Ipsby55kfo95IA8OmtB7+l3l3/WcD9H+KMQ0JcbAYDDuXU\ntYYcIwU73D7ohw8mIaC1frEcpkSVE/Qz0pIQVMHRnkXNLLot2wtJAz1a8fEg\n1OQNa5OgENRWT1SI0qw1umv0UDCWeQpTnyUj6WwVv7SHs04PC4pmxeX/ISkD\nfYXme2gj9RM0SF80JU1HmDrVWGsZ6PG/YPyvbE15l7IvpKsURfIvBIBclAQZ\nF7HU\r\n=4v71\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCjo5DT2Ye8YeCixVBY4SwIEBdM1IEwSqgAJ72DREIMBQIhANQOycFMVEFTa1HXhH+ucb5mZk75wOMOBB8JH9wy1b7b"}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.10_1621329756016_0.04368437825879923"},"_hasShrinkwrap":false},"1.1.0-beta.11":{"name":"@spaceone/design-system","version":"1.1.0-beta.11","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"893938d0b0425789936f0eedefc466e51677a958","_id":"@spaceone/design-system@1.1.0-beta.11","_nodeVersion":"12.22.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-zSGzevWXzbCGE5iyefbROtwNVsnU5lCAoWI1xpJ7dZ5rG9KS8/pPX8CZ3MmUUPBJZVVzXSrLK6kUTTZB4Iil9A==","shasum":"6a34e01cf06f69e1b97797f6dd80ced9618e65b0","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.11.tgz","fileCount":973,"unpackedSize":67284093,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgpJasCRA9TVsSAnZWagAAxIgP/RD/5q3G2pc2T3XBHLY3\nTiRvOrcVjQ3LawJ3B5s65HqlwnB2x06Vwe7zSdMd7wGfiRgkAgIpPDfkfGqR\n3vWGfc17jw23Uy2uaT51JEnqQiBFEv4soMXvfobzAWhxYsQHbEvVBMI5aWEX\nkDWKzaJDsMxUwHQ9YUSoUBjZa5qiNm/AxId/rwNek2PIgsgSdIE3s6RzSYWQ\nlfY7Hds0n3qFAXwjXeyJddbmsXvXsKNKxqViaFpjFahyr75YDprU7PpBG63b\nXUuGujJZ61bWyT1MkWCFCo8pm2UA3RQu9PA8mFJxRwC2ikkWpMfp9SxVZmZg\ngqtssQpJy773lpgiLaxdQFijVrILL6Kvc8CUpvPZIRgT9mly5LctBlr5nexe\nfFlOR5j+ofVqZtkJBOFIxglPTK9azOjW2VuT9x0TcZXITsV4LspY+bxnNoSd\n0FmXHFQvq56QPfa/UcX3hn8lafWvBUNHD5cFhyLcsmrojJvPAX+wk0+5a1s4\nXaUYzPoG5M82rldRpDAInVsh4AL2SttmBcNvcZN76sIa7ZrxA3+iaHxI7nOF\nr4+u/rGkIWCXo2FBb7WwPuHteFufILxxa6/N0+MJApQ2OjAP7uZpcq1pZDWd\ndOvp0SaQf9xXTSfLJJTztf1yeywlbH/JP1Nhcp3zOcOurDMChZGxIacJ4Hk9\n1XED\r\n=rnjo\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCBj9R0FNig3Cr/dU6+G2txq/Vql5EUk2nPvLhczD4RlgIhAI8icE1jRdvGuEKn2hdmgqIKYal95vQd3C5QTUJn/arO"}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.11_1621399211566_0.08018072659606434"},"_hasShrinkwrap":false},"1.1.0-beta.12":{"name":"@spaceone/design-system","version":"1.1.0-beta.12","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"f9ef59a0c0014de7386480ffa1ec1892b10064a4","_id":"@spaceone/design-system@1.1.0-beta.12","_nodeVersion":"12.22.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-8UCrt0CxTLWiQsGd50L5iG3OCWuZW08fIB3iLFd0WX4du0NtwmiDsvvKfmNATSlENTb8iMfXS7cqnaa6+ncyww==","shasum":"15b1d8058ab335c3ac9ea87877680062ee0f809c","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.12.tgz","fileCount":983,"unpackedSize":67475790,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgpTbgCRA9TVsSAnZWagAAmE8P/iZKYzqkn8ZDVW4bEMh8\n4Yu+Jdj6Pp0dLKiIJ+f7LrveEME9EFyILcio6Rbl4wAiqGFtp9qxx+3SXmUd\nnpB87Dps5Rx3Lq5FnqAMV/je/FX4h3LDjTAl5EWxbthgD2seHGMNmUhzkQ6X\n8aWsXbGF80wtZk+aAoHVJaAry7QTbz7HJP1q3IjqXKaKNNgtKzLYS/aivbKA\nuKo1vj9dUCmAyxwpFkqlS78mMhsBLIWhJB5DJ+TTfPa/xTULQMXD13qxwS16\nrYl+0hVPUd0q9TDUa55HL7cW4axD7bANX8A/SxvHIfzW0D0Ie76n3lP9DZlu\nLEI3NBb1/QqT3HNakwfFXxePWy7LckHg3Hl9srWUiyqMsXy3wGBHFml0vNc+\naUCEW+av5uza3iG/Dlm/n0x/qrjczz0FdMUqfsaP7jOWwozb6N/rOxLyJwoh\nH7zQzq/XWLT8e9eprkNEChZMVOG940zTlnfwTuoX6isAsZOHyZniOxqg6CEl\nfMQG+OS5/D4+BiA1+3QYCPe7i3hogvk4sms8aBJsU+ywssK2HTXJCCmE/iY6\nkwOWFUtxDNghxhtMxylXjslCpE+I+VXcXfa4Jeh67DLYiKfiiPpz13tfUkXT\nKopoGD+/4ETytXaPkspHm6PVxar0Qsx3moPki0rbV4vZPAzc6QBFyO4bbzQr\nSmlV\r\n=gt60\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCg/AjrXvXG0qfXzPrcjApna/oXkOwH0KTpgOCTlVtRkwIhAIau1N+/tQJqfFTuTic/gNoEwRxWYvFrdN3LR4D6GDTU"}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.12_1621440222963_0.744617784243147"},"_hasShrinkwrap":false},"1.1.0-beta.13":{"name":"@spaceone/design-system","version":"1.1.0-beta.13","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"c136cd9b1d1b18e47379a4e8f3948fec0b23a716","_id":"@spaceone/design-system@1.1.0-beta.13","_nodeVersion":"12.22.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-x5bB5ug9YBBJvZqZ1FMEX6BMUaepYB6xYXB+2kC59nZXQAzTKMkBLQIpWfGJFJFvAryTrzyBNXELMyjF2IN7FQ==","shasum":"a7ede8e67df36e7a8816815bc3f54635c9512a58","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.13.tgz","fileCount":983,"unpackedSize":67475828,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgpUhOCRA9TVsSAnZWagAAAKIQAKG09NgdsIz6mrZciZQq\nGcmJjOaBVAZ9dnHrqik24NLnWadHDPgwAj+7hhMYxkG7v5xZ7HDOZ2PGjvba\nyxpIhInnEqsnDcnhDSpoqGBoQGWozBGNyRuHa0qc9d3g6AmAr5OHHdmxLqO1\nV2qrAaL1B3BEEhDdmeO7BOaN4PXNrIWU3YTFDom87Ddh/mEXzmcQKNqFCO4H\nyUfTjNbZebUEY7bTTy4dpIiXGTfIw5XwgVti+i1pedBG0woaHApxNpkm3oqD\n3OVujo1MrOAMr9rvnPE6Je1IU97woPPv/02A25ubNZBill0NkeNqIrEYVZms\nZ8CcPHHDn/XGni9AtBoX/ItadSVKjBNSM21GX0xzeq+oTQXMYitqeHf5BCHG\npUhD8v7B/D4MjYRaZtCGU4vVP4a3ug7iXghpVOTbEtKxSMvrISs+tbDqigYK\nGB+5W8sE2Zz4tgqFI3JrqCs9kAJDhCzVL3wb+1Dlkwqy+nvnP8B1qcv8Lryz\nc8kbbH0/fwKAQ5/2a3FgZ6juTcjkYIve+g3V2zUyNCZ5eVefAxN4siIakDBo\npQ570L0Fwg0YMY6WvjpSyaEXiOmIso4iG4FezPoIZlCNGNr/xRO6Tf8f/Q3M\njpZEIsq0upQq2nonswcjZg9QgcDAJU/P2ayAhW5YZsRzfRKK0KI8HCV+WDqe\nHWt8\r\n=Cwki\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFq4TwBp0oBro+EWa7mR754fhMnQKOmoABeGns21uCLpAiEAsDXy66qHz/3rZ3zY5CCUaYJD3IPfirTVsZhjCgx5aD4="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.13_1621444685182_0.6225292238450555"},"_hasShrinkwrap":false},"1.1.0-beta.14":{"name":"@spaceone/design-system","version":"1.1.0-beta.14","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"4ec11d09e0411975611cb97a3640b39c8200acb0","_id":"@spaceone/design-system@1.1.0-beta.14","_nodeVersion":"12.22.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-efLFgtbssyBorzVgJGMsB1hWpscPpOfEK/W4nz4SMMDPigfznd3vDVMRK/y2nHDy+nkInlAxzsBJ6kYtB1SLvQ==","shasum":"f5ff1f29a7cd3fef37d56abe3df3fcd368e497f7","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.14.tgz","fileCount":985,"unpackedSize":67483857,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgpghmCRA9TVsSAnZWagAALCQP/3fsE7OPRSBh0L6T4g39\nsgjO35ZEqyX0caWp/x7X7l1h2RXeVDgA+t57ycCTKYgIs2IhjmwLzn0gYuxN\nDFuiziB83Hfhyg505ZwMKQDKWrICh7xFXvcNw79yxlSEihXLXVIYT/bf+gPr\njLMy1KCrJoyipkmlfGrMYQdwy0tud+kf19A+y+Oh7ymPMhnHNU8Uh0RYaC77\nn7xtvJr4eYey1FlMBCJUFiib8BHtJc9fkA6j+/6LZJJ574+CpZU6D6bWVhWX\neB+LPNJQTOQmmBk66R9ey+nQg8/TemY9NhOt7vQ2ugeR8TV9FCq2//rZXgt/\nIyew24qr5nKvwBf1V11YoXKUPz4UTKEZ9Nx+zTrBBGCE6zUYwpwzkBbDRBgL\n38lZb0BH7VTsJAqpesytARtd2SGJzQcY3LWZFPMBnqzaRJDHW8oWUkcrc9RL\nNGNXdVQq57xARvVgPRIBfGEeP5D9Tlj8VLt/6JIHcXjqcgBnbhGrZXYc8Hkx\n+q0sojqkHQuHwKG7XSK3tOW4gnWA90iGHTLql8UN+42AGjpqbhqd6Ld43yPm\nZceNHovD/h1PjyumHOiXxrYbMcJdn3ZL6am0WJbRrXrQzGSmW8y769FbP9yx\nKF7LTQPZA3sz9JTcZp+pnY6UTOMYbwopxg7o8hnpN5+k3hRaw5cY6puTWUae\nR+hd\r\n=XSiI\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIB+uypC50b4Ba1OqaRquNZmujqcOSjkYId8RQFoOJ4X1AiACNb3AXVVUVZ/UVHKydE6E7+m0IMnZRTF2hs2VdWOYSg=="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.14_1621493861714_0.6308931741548234"},"_hasShrinkwrap":false},"1.1.0-beta.15":{"name":"@spaceone/design-system","version":"1.1.0-beta.15","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"bec5a792eb240591dabe1357a9d16233e8be9d81","_id":"@spaceone/design-system@1.1.0-beta.15","_nodeVersion":"12.22.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-g4oVC9ZqiAJaWdWm5OkCQ7gAxKKejKGcVig9hPQljTqU01yfQ2hxTkwPXcoKkj+jsuci7GoWD66aPktGMdNRiw==","shasum":"42af5be1ad2e11d86ca217e80feacab078b00f5f","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.15.tgz","fileCount":985,"unpackedSize":67483819,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgphk3CRA9TVsSAnZWagAAmFwP/iDJRI6JwRS2xBhF4g+/\nE5MdppqKg/WNAfJC0HZ3gQbdT/u3SIjBqZ5i+P9DLpS27n9QqDmu2ZIVW7As\nyCZoCyLfjZYyJWH0SELIkHb4V4Hcg8KWyOereeHFWRzqo/Qa3Vjm5YvFqigH\n+Y8qhoU+Ghtv7J79LhqZ1eUBrdUCk7uJic+CRl/6JdNFrlXNfhW1PX/NY0gQ\nrihxPc1FPHCiKpIYjGpx4SzKmpPeXK+NrATmfHoIDWnQUaAkqbrM0m8zC+O2\n9kTMu05rlV6ogt97ip0l2UVH+3a00yOnoUYKYhbFRL7BBA0oJO7hK4l04OBI\nihAN2yNuaZNIDQUrF7iDMlcEfqWjXrAyYPdAWPwj3F1czmNxNX1btn4zw5cy\nCSOsP6TwczWE675CLJOzd2F70GxDMf/cY/dk6meBkXSJ5jorCL554zlLWxB0\nq9iFwvVykX7lZpx453UGb0kAjiZlFCi6wDffNTtGeSdwlX62Jkgm4zoGauCC\nLubCw2aOPanhPbh08AW/AUfa5QXgaPgUKSwTzJ5ZCL9VhRfsbfVnTLPPwoAr\nbKAD8uHETOOctil64KPKAW4uqrEgV1xDuy4SsEDnaReY53iBxjE32KjbSMFe\nMtUiNQr7UPiAs2tZiMoa5uGHm22oD138is20T+kN2TVTK+X/ekS2tqhdYFsM\n3Gf1\r\n=7Kgz\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEuQ2Ju+/FNO5skMhMyQxyF8hwHuC/pfaPJB5gRo96UlAiA5la5pvM/oUISNygLJrg6T7inuJ/eVwBOCn3EYyPPWXg=="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.15_1621498165924_0.8492447209983112"},"_hasShrinkwrap":false},"1.1.0-beta.16":{"name":"@spaceone/design-system","version":"1.1.0-beta.16","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"3e6428654eb5daf009254f38a6c01f843a30def1","_id":"@spaceone/design-system@1.1.0-beta.16","_nodeVersion":"12.22.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-soZJUAah3LuwvGfdK4SUSkHOEnpvhGj3Fum4o5kiYKBosGd4XHqkRHuk1glx4sXlnRj3r7UjEVqwsMmLm6/oTg==","shasum":"6ea72e8138968ce0dfb2aa41824876e11f80603f","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.16.tgz","fileCount":987,"unpackedSize":67485863,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgp1QICRA9TVsSAnZWagAA3GwQAJ2s/KfjzgkqDUb7tCxy\ns5N7yLPM+YY875PK+Dnx3goWZHLJko4XgwG5Om9626WBWqt7phqJBjdfCIns\nCyieDQhpQQLavPndgSKV3z1xxFPvquUAD5EUdY/+5mY86dYnZ2sUZ/0lWGGq\nrZH2EVbXH/B2u6db3bjfa2lvh7LOGV2FKr2npOD9P02v9MtDMWdHBXgCPgHd\ne+D6qVHI7/S1nk8iDvI/7Zm0q4lHysIxvUmrEgVPbF3zSdmEz7guJA7Ukf4N\n13eaXerJDYVU5tLio6+3HVml47wES3TqS/9XiabF7r7otIXHyit3ugoyU1gn\noGgrqEaFeD+SN5AqREvl8WNk/hQ2zMe80uwMcXuD8HvU2nozukPu0AgK36Bc\nk7/9gjw7EtOS0N+5tqhrqoi60F9NJbPW8B7pE5qCIeXTVP3xTNg7ydZ6ViVl\nckEyHir7sM2feL2bNICTfAGCNZQ8PnRvKqM1LNd8F3ymQr30hRZMJVF034mZ\nZwcv3AdznleCO8HRSHvlaMHHasZfKvDlvvvCdRQkifQEnVzq2GZv5d2sPpf0\nuBlgj7BiYAGyuefcjTXmIepihPNPmfqD4sBqGlwEmDwi4NCne3f58iTQd0VW\n/ZUFt3fQRGGS9I75Kh0s6rb9cCI11UnHVPT1dAAgDgceRavQmh/XekkDJkiu\nYsUp\r\n=njpY\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIE5ns+7U22UzM2B3C8cH1Zq5u5+xWAuJXBoCvi6AFMcIAiEAw/tU2mPEh2jdF5wp12Y883fh1n/YQN6mmU8h7fosE7Q="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.16_1621578759405_0.42078576586674643"},"_hasShrinkwrap":false},"1.1.0-beta.17":{"name":"@spaceone/design-system","version":"1.1.0-beta.17","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"066f13729a83f8e7d452a87435f65de263571471","_id":"@spaceone/design-system@1.1.0-beta.17","_nodeVersion":"12.22.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-hRGvSZb2wHygbf7Joe+CxpU0YtB8kfMGlYHk4pOOxDYwDfIb1lrc85xcrDwPsmw6DYmRIdOxq3RASifBsJSaEA==","shasum":"8b3acc5fe6f9059243d43c1c6ba198607157f37d","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.17.tgz","fileCount":987,"unpackedSize":67485863,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgqX8ECRA9TVsSAnZWagAALRsP/3nph6ctqFVLHJY2de/k\njcMzEWr8LhJeVPIH5pheJlvs84EUtq22grvJfXCTEinXP02lLxSznkbbrHei\nihMaHC5Adqf7ggx8tnx8QiJVq1F+cZJRHT4qyho6XMbp4YXuNctDC6klzuVy\nKAFlai9YArso8wGVoc3MkGcZm/vlrUFJN5FU4UI0aNw+3ftPu2HSLUGZ9jA4\nMLcUggNX02a2POEBK++Dfot1fZ+qGJ15r80mw+dV2k4M8hmV3eqDzloeUtCJ\nF5yuRTrQHtOTaOKSuzk12e8/G+xtRZgYKRC1igCl0kKGXDRg6+tl6ttXd+rc\nL4JcwO5/dJqVfqWAW8NANjxDh6OedknxumKEbGu4X8pxIxnRpVWBmfcwW9Nv\nPKgJaq0cf36vm1dAr6eW4VkEiOjVQeMdOn6UNy065AU45+3c269KRcvwXPcT\nhANC61k2SfVBz7G2lg8kLhw7wuqOC7HxYxwf/bSGawmUopw2PgW8EcyhYHA2\nz8yh/EzZKsJAA/3s5BzC7RUkaqY2Ce5TBFpBaCkxKcoN1SIPKtben+6ZJL6U\nOog0LV+GF7ed7RHSP4OtFwnulstR8S/PpACg/aAqpvZYPYiLv/chWJ+6dfjC\n0uj4AXPWRR8qHnm32771OOi1dRk1x31pp9sq3BM+0J9ApHd5hixkRSdC/odP\nTa8V\r\n=hxjD\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAogIYBcz379HPr1K85Lu5W4OnhFwMS0SUfQvUGWOIpVAiANx58upMYhGnYANhqLIzdX7h9XIAQ0JraiIfcooNsGfA=="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.17_1621720835676_0.3990192068058136"},"_hasShrinkwrap":false},"1.1.0-beta.18":{"name":"@spaceone/design-system","version":"1.1.0-beta.18","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"467145b0fd4dd548ff470afcd28f3b0a2ea72343","_id":"@spaceone/design-system@1.1.0-beta.18","_nodeVersion":"12.22.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-4LAIaIFzFn9vTyDxxBu+Ez9fisNcxntQFlVZ5zBviUx1n33BPp6kMzMz9kxxmT7x2X7UyPFPVctpKy71YWy1tg==","shasum":"23c01c63ba0686e105872e1352cac772f64ab3b4","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.18.tgz","fileCount":987,"unpackedSize":67485863,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgqYD2CRA9TVsSAnZWagAA2bYP+wXZgzoGjHgFmDrvsAsb\ncb5wAtVnIzmLaA6Qqu7Bip7HNbujJ2Q4wb6WJPgNbbx3MSzbY+S+0GfCjndF\nPSKMZnGnY2RqtFHGVsoKUidJe3Z99+yPmzbJMmsmi0omZ1m3KqSZ+d2mInlv\nnTGeFvJ0lsGuUZUeOUejr1DY5mMqcon6jIEMG6nhCjsNaWk6slcxMbDX7KBv\n2Y/YJ/poUNFpsYVHPHTQNpGK6doUWeMM+IsbJAwmof++wET0bJhOlVOK5h17\nb5KfCHqOTS7YKg/JsvVjPEkEx3fc+/ARtAFWNjYUH5fMhxuNU7HcXyNTh7kH\nvtEHXd5/F3bvvvFO/qYe7gceS81zbXihesJ2o0iY0ZhqKsAvtzQO6j8AdGzL\n71V8AX+tbKBF0NXH3PBH0WBQnJH706WGxatCrLtDAvMWHgMn2LkCOld++TfI\njmvmSxyTsI8t3p9QBDXfzW0xuNQi4WKSA5WOVO0h+hHJh+j8gek2ZBWk170v\n449g4fT6Cej0lT7TZrbPX92k4aY1v0e1rObCt8IQY+NdidIKAvko1zjLTr6C\nKd93BVGcV5iIl40JpYwjCO2I9CB4hQ6dkc7HC/6XCPmUgESDtFn5udpcXAgF\nzApilbMFHuIW1RUW0Ir7eg0WXVRkml3nqzCmZyxeVcN36tJ4Cr116gJKf9jG\ntVUQ\r\n=5qeQ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDuOJ89fiqNBY41G6Y+N4wLwmic+bBqj/Z3bnHJyIQPFwIhALjPRNXc29IiTh8xeAjpwb1l2k/i0jzTdu7yHeStTifz"}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.18_1621721333817_0.869270422960071"},"_hasShrinkwrap":false},"1.1.0-beta.19":{"name":"@spaceone/design-system","version":"1.1.0-beta.19","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"1cc0f1183cad5255c5f9ddb8e1980d3bb3f46c31","_id":"@spaceone/design-system@1.1.0-beta.19","_nodeVersion":"12.22.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-QdxykScITOBYaB6XQ/QOpsA836PvjXKmha5b7MNohiNvKJjoc11R+KmwUZuMyYcPA+JiSphahGHzKiPCfVewEQ==","shasum":"5f6e41270fa223b05f49d0ee9aa1694458e3a89e","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.19.tgz","fileCount":987,"unpackedSize":67485863,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgqZEGCRA9TVsSAnZWagAATGgP/2/HXuK+UKx6x6VpulMd\nLJSUEfI8MEwVkpL+S3iHwP/TOSoKmOdEmRq6xuwrOobyi1QKobsbgYN0wBi5\nx3WJvGrCC4rX1PfE6+Gq7R5L0F83ZWnKw4kmFi3YDZ/hfw/cslGOUcLqMLek\nhwGq6uIzMvEX8/6RW9q1Z7f6mcDipaQQHr9LUeAa3xkw2oAnpK//cLcdMlTQ\nraO+LHGywDqU+fD8CLwn2cQ78F34lQ2GEBTgNy28FrhFvOy1ivOSqgnRELyS\nyJeSucrDbKotYihK0KI+09AzBa09VYuvJa3rvd8NiPmu29JqOija0b2CBro/\ngzCkmOEbAqhyR66i10g90Z4ODsPUpe3gjJLuAcrKAezenbcpYRWUG1qJJoMT\njVuKBUJuPQr9maH/3A+r4mbxETCMnSb0/+HwABsWk97mSJmvTp2znGNmY7iF\nCuVZJsBq3ULBNQ2iwmTF1hb4USRBS+jtKNXpCEpqxnMUueEReCIOPPg1i7E/\nOuy3ipM787IVYWzA0YQZr8LqRJ+BKPVdCoq+WSLSjHKuzhI1Y+6vRlx1EsPf\nA6xO/Y9qPl1Fe7Ys7gpsfunPuA3mTe8RFuvDNPv01wX6Tn7i+WO149K8sYzk\nCmu/uxbKZ1XCX7pLs8Aqg/6/X+UXUBBq/+wIa5fUQcwjL6wp1Olv5x6efHXO\nZ1/Q\r\n=0d9X\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCID0G+zw8O1uWBAQIgITH7GEiJPOr6R6WfBU4SAGlmAtYAiEAv8YKyowJtMwAvkrKFzCpFj1gkgkoQvRuU/M8G0U1Nkw="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.19_1621725445973_0.3178745414376829"},"_hasShrinkwrap":false},"1.1.0-beta.20":{"name":"@spaceone/design-system","version":"1.1.0-beta.20","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"9d3ce82573073a5a377107884454fa715ded59bc","_id":"@spaceone/design-system@1.1.0-beta.20","_nodeVersion":"12.22.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-sahA7S6xRKlnJ5AIIqI7si6nc27kIzCZk7i42/2+arS8AuroDhaTTXA+tfShtj0JXLeMSKo1S8MWk9YvtQDFtQ==","shasum":"96191e1aadbd29c8ffaaea16f4ea0314b45646bf","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.20.tgz","fileCount":987,"unpackedSize":67486169,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgqy/3CRA9TVsSAnZWagAAOtMP/jY3ynCu3aTQ+WmT7+Km\nimnyxIGWJrvygRrloyw8piT9UoJQJsOnizWaS39jnLgh8J4NzI60PpYt2O6x\nFNKAIBY/zZju72iWGr/0UxQCe5pUnQALfYqg8PweH/uPStLwJghEPux2Hv5R\n+MHBbvTc3ZeXSpHN1OlJxeDBw/ewNkk2sHA7c0aCEiv/eF8Y7XrmIVGxnohq\n2xZVe67xDJwBPOsymLTlNlxmywCaCuFafCynTreS5qE2YgK8w8mQvczKnq3a\nyu2IIGZeSafqjJSd+DWAkEQ8KopPeIpPuRlJz28ZDFh/vvdaz785LhdYqqXO\nfNgEC7xZ8CvbPLhtWiM+cVdUwWRL/E+xKKw4RiOxDEK7AHgDztQXac1nnZXD\nY3d+VD5GruOg57WKT8Ov8dzr0TbLm3M4US3SZr1XZ/SiaBiHid/AjlWat1S2\nQEKsGwxNYLyTGig5AYj4xtqIRsQx9IlrMw+zOnbPx9Bw9L3rbQhzH3lK8o1o\nXItuxzKZl6Hn65iPyFXmDdJlr7kEvk6heb+OBcclOQsraY6HZvMiT00oA0fe\nN8VmqNLyyOCBqYGWohhZK/GBTkSpI/+4m9rSRla51s+U13IMv+EFfrchQXdo\nlvvAsK/it7jvKQDxLmF8BHC1A9YIaonZCP3T2J57FylktIHm5TQhFWcGVu0d\n5+fj\r\n=YXYe\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBbUYIZzTQX9B9K6e0mo+vcdz/JpHYWkQhPT/r8kEnCXAiEAzcT8IDr56BklM8JhPSJOX5O2XNAUyWD1sF+QxYxeCFo="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.20_1621831670404_0.554243431626984"},"_hasShrinkwrap":false},"1.1.0-beta.21":{"name":"@spaceone/design-system","version":"1.1.0-beta.21","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"16b26e21faaa04729e8e387ee08380114ca0ce5c","_id":"@spaceone/design-system@1.1.0-beta.21","_nodeVersion":"12.22.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-1e6xWdE0SqPpSKEHZ4Mk07jNvhoIs/g3mbBBz7SfnTF/TtsMLLcv45CndgrZ5FIXRewX1glF48Z3zeBAYbmpTQ==","shasum":"7c1fc57d79ee3e2a9cbbf27f0d65e321bf35576e","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.21.tgz","fileCount":983,"unpackedSize":67392976,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgqzerCRA9TVsSAnZWagAA0uMP/3X0TeM+HviiACZgiHXe\nZYqweA7MtAsFdzmX3cV7M/lbqckBtA/o7msCbmVFaLITMeGNmuvqYMUXgdus\nPZgni5LG3hf91ilRaxjn7Kn/Gbd8g/SsRgXUySB2ZLlnTHxLhTgd2sN+fgwz\n90tkBVs0XPx4JFEr2STPIho2DSwT02l+iHz5wmlcdomp4Da7et+Ztsu1nF4G\nCSY4CjWbzP5U+ZEzjIOiv8NFuqWKwxv0ospemmKOOm5YqFHytXa4+Z3SvjBp\nikypP51t0Z4+QEPYe9kYE3DaNyfTxudRz/NBd08quPw2lYEtJhWostWIP73d\nl9sGe9VQSo1Cc9InXKmUdr6TXjAtX4q8TqwnY72iO+gMb2bhUZtnOw1H9H+F\n+soEhpfKkLZecUQb4rfLbpj0ql8rAqE7jj9uQm90zNLYZlkLGFwwfYCzC55K\nDWUf43vf38Er0qxyYrBcO0wfDxWzcHiZvCdvLJczB24eoIEFrw1RZDPlzjWT\nRsOFtGG35Z1YLDi50ChWwrk63y7NBrDnTVo7Kb+hM1p2OcKVHvgmVoOZsCy4\njWZMEJZ9YQs3dnmKJ/Ltf9yekVo8q/WVqukZAXgquBou4N8S9LH1cTwmv2Xo\nDaoiCh2esk5i94r3Ke4yT5gW2gN/hMsOrLVK0l8bNQ01DHz1IGLRdcnwmMBO\nF2w5\r\n=s93i\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEMCIGdmYIoWNhhtsckq3/Uklg1COKSkjhhAcaGv2082uJQhAh90jZzoGsCmzhO9r2GGS1Xgt78rNACKNx+sFYbSnGkh"}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.21_1621833642576_0.17114563023099727"},"_hasShrinkwrap":false},"1.1.0-beta.22":{"name":"@spaceone/design-system","version":"1.1.0-beta.22","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"2651970bdf60fa8d4757bab36faf3d44ebf5257e","_id":"@spaceone/design-system@1.1.0-beta.22","_nodeVersion":"12.22.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-xAJlyp4WizrqGWCoYkQfKom7cR/bfsZXJeuIu2nxfRKT48Vn+UkpQO7Ia47odI4OIgZP94IHQsfoyqbnT8g0Zw==","shasum":"7c030e044b2e3e427b4de59e83e1b1927b9aab67","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.22.tgz","fileCount":983,"unpackedSize":67396480,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgq1B7CRA9TVsSAnZWagAA+y0QAJh+5tr8xaJnhWlhj3a2\ncTV2/YKEw3XbSKg4wQMkEuVUEUJkzaJfXy2ADOeB2KwvwlHasVv7jvPtjGd8\n2vrCTQKA4DVnIhrGplIVZjpXcf4dDR43OgGoh8H2oFaagGsWVjoSRaTrYNbH\nP92n772Dj5ODmEKRlLcfPWlAIMaXzeiOhYHLdP/G8tQ+5CnWk0AgtOouEITx\npmoXEEI58RPoeXC+tkyPXwXhY3GS1sdkKGh4LMwQ+dsKEUTUW89EOixUVzYZ\nnQFWgPRk/8Koi7q5qlpZMyDqLRExHiVhjcBL/poOojzjK5EM1RVmT2Wr83T4\nmIqnTiVexAaX7v6cN1nYDzKLzjqnaKKCgYyVjMizv8jH9HBdQw/KyXsOdeji\nC2h236z8PRCwkAmitK0Sb9SH5dQFJ2Bc9nnlcXZN4MZ5Te7JqURZsFcpZUKc\nlpMJp1Mp/IVlmwcUCjSDI0P/pF1lPQpqLiWkedSZHO46ZPAIHNMM5COkfDV2\nGXeI/dXbqFxlsvc3pZS/B1BRfre41NApoC+MBEFIc3OJ2uP47JsaJFqd970I\n3sWolCYEYN1mg2UiaMLF+Ji7B18jSHMzzEV+f2dMwR7XN1y93h6lyesTuk4Y\nY0V00awO/5kSZrZempy7cdsUtkOM+G45jvFEPrq5DCVz38nCuqoYIK4qN0Rn\nllSc\r\n=qtv7\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGIfQZQ9T0GJkwBVo76i02GDDkMMGgj63D8K0vk8hOwjAiEA8TndNeqMTSBTTlg4cVg+IdrIRev4SLAbuXHvG/GxMcw="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.22_1621839993266_0.750683238938695"},"_hasShrinkwrap":false},"1.1.0-beta.23":{"name":"@spaceone/design-system","version":"1.1.0-beta.23","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"f0e829ed0142de6ad7dee83ff02c8628788981fd","_id":"@spaceone/design-system@1.1.0-beta.23","_nodeVersion":"12.22.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-+Vv8wB7pW0kFHQZQEW0DeYy8kLiwT0eu0HB95VjnbShod1zvXD5kA5oJbSnA1wNTnIcbsPKaqznv5Hz2VDhtFQ==","shasum":"75f9f91b347328ab1791a4b3a2ee3413a157bfa5","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.23.tgz","fileCount":983,"unpackedSize":67395001,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgq2HmCRA9TVsSAnZWagAAdAoP/1srX/FJpPu8CP8hyMPP\nKakXkVqfIZy0ipYAP62ty5AvCjlGeeoODWhRw5fJQh2A9Iqm1rHK1Wx1/1+8\nzk503wG6NG6qIiyoMlmTfudsKO5a9DPe7zhpUJWOl8i9Dipx9/lwJXvzJXBI\njla5OGdYHpz3l11yPnynEcHzAvcCKF306BmmWd3LPiTTDLm1gg08Xnx57Ldn\nedW7ecxhOOYYOFpC00KQT5tdZMiB9Vz9BFFee9fTZuZgRAHTvRxCsOHSpZSE\nr2tAOFd3Wqz4CvJE3L8lpKmbTNPzpKa1jnWxSCBpCFoHTsunIAY5OxgkYDMc\neIom1LOQN3bZf3niajER1ZKRwkxkJQnatUZVGsU602kssZimokbEXI4gw9W8\nFB1q0Ymjgmkj1MSU53oau7V2x014i4moVmVTjUYo2SarumWf2dAsDs1V89c2\nhPiLSTOB/uw5+LFErllLd3Qjz5Gr9wC3gNFzoy83Nzpee1e8mUXYN0yIUn6K\nL14mn7MFFhR+yoyElsWv/dlFYkVWdvj39/Pk6p0/B2b6AWJpcBmAQHmf4WXl\nD5fC61XDqksCqklHsMBo76XEJa1tVC9t1uF3nZOtiowtTBmRhh+plP08WC3g\n4g/4jF8p/Q/mg+Hp2yKqbhMrNqACFNoDPTFpgKessCkoooSsVuHLb41N1ris\nnz7q\r\n=r5yx\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGXInDbleOypu6p5bWbUs8UJhV7hbuNsyHOkIqUUtvmeAiEAlZFiXJPkJZZAzrk1lVElWFMCPBYjPVKqqw0GUmNl7MQ="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.23_1621844453341_0.42330907176060006"},"_hasShrinkwrap":false},"1.1.0-beta.24":{"name":"@spaceone/design-system","version":"1.1.0-beta.24","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"43229627bf4afb4ee3a9d142621dbe31bf4071a8","_id":"@spaceone/design-system@1.1.0-beta.24","_nodeVersion":"12.22.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-QRD0Xgej5CL7DnAOsstA+5sXSReJjF2Y+pn3m+fuG6OFHOiEdRU9DJ4uhjOxLSecsC4kL2Q4nRTnC4rYPmihAQ==","shasum":"8f7483d857cd9bb0a39a15f431b85ab30392a22b","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.24.tgz","fileCount":985,"unpackedSize":67437126,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgrJoNCRA9TVsSAnZWagAAWBQP/RHBHCp6PcdguXL6eluG\nqqghuBmv38yiNWoRix7ZFN9t9tOELaXKVOgA/65O8veo0/TwQfJQFbWdkvCy\n51326dKDS5oU2xmodpMAPABQPAXsun+XZ6wPGSsnsX3jhxGHzr9zPFD4PQVj\nl2xKv4xOfsriWKI7Y2jIu6WNlll+U5sZdnPZNbZEQ/RJGp2S+6HertB4i7Yu\nmvURSn1A14hbvSLbMbT4Od3u6K0UFTgvM1n4PrIYrJOwJeqQv+8lQRFo0t5L\nkl5PDcjzfC41WTBAXfLmkjlDehFiWnam8PVJn4+uxx22Hf0lYUmQ1l5dcNwD\nzwT6OtG1NoRiWJLqlQT7aDNbj9PSj1BfVd9QEbuilqZ56VHXXvDyxYo2s8z8\nXWM7lpj2CoCjzG/YUH5xMohGsCESfKmTY+6NUQOIoIUi8oJ4hxDg5ceYBKeS\n6Rh6NlyX0Eb2fpJ7V1r4FPA430Qw4gVJ80R4yJjj8yWOQLLc7H6pP72YCFuT\nwALQtf4xBx3viQbnms3tAkLxqlI+5/HqIQi1cflfWNdWtCSGIE/vpSoYm/o2\nTPQGjrH2/iFXRSV67LVLVx6dDPxPyvlSZyxKd6gWN87A0Tf08yOGgTEpy5Ba\nbXKabKZ1yUN745vWTZzKqqWNpOZtRd/Y1V9jWgb5ifaoKFumwfIYn3pAz7rl\ne9Lz\r\n=sEkT\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDXvEZ/t2VLYSrLCq0pmGhT/uxwcQS9GS1yTFtAVbQ1hgIhAKOCUEZYRkkp0s7QP5D6Vx7DiuAsqUsqanaWkqYfZOlr"}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.24_1621924364068_0.6266501009703915"},"_hasShrinkwrap":false},"1.1.0-beta.25":{"name":"@spaceone/design-system","version":"1.1.0-beta.25","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"e019cfa5e74c3d624913065964249a63f7e27468","_id":"@spaceone/design-system@1.1.0-beta.25","_nodeVersion":"12.22.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-h2q19pHZtQtnJtN8yYNOgnEtAexjlmbsGx5m320prDfTwzZcJIUzP24Wu9gFzv9RnMuqJvRt3URB02B+VzQBVw==","shasum":"7289dafe75300d0617ec3b3c80d82babf9714fac","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.25.tgz","fileCount":985,"unpackedSize":67438731,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgrMXBCRA9TVsSAnZWagAA2P8P/ioErlYztldjqKdyiWwE\neblQh2mpqxS1x/itdYR9YfxsUvFodFteQTIAMwMgK3opcYKgM98ebE2fgP3X\nT9GvgiK/BrO4ZfqO9tE3izCZz+bStorCaTk3wwWyNqIfY/O1+a+zjUsVwnY5\nDQ43WzX4tmdlwfJhIVS0Br0vSPuX873Zx3LSlkqYhcDzVb2cCjX1QeccKwNv\nH1GmRZSQA/b2W8Tq9BQoxQw6VoYOihZ63rKM5LyB3Znim6ACX9coHkUruj+N\n+xs2y6leVxK2iRWsI0M0NTdvNNXJjTuLHgfxWuiE7C1IuIQYPpT78irlNUao\nZwswb72kpM0mgEOc0Ef5Y29OLJAUc66X9M40WYZm4MmV5DZan/jT5D32SDlf\nA2SyU6vqsJV+tBAM5mf9zpP2IntCZDUGU7pfeuIbCrkNSgTnpR/zTGo7/ixu\n0r0jtgxEAdB2zU4t6+tZInri0dhlJ+mpJdsziyEcEZkBkLdyo6YCOilxtlj+\nQeftAlzR8fvWp6YPfo9PvEO8fhTwu9S7i0xH/JVyWWTrWFgq7LGpBhrkPW50\nqqZq+hGPiuOrbWRrJ9yF/E0VD8X3Lsc5/s8j2rM1clUxUdYGAB++5XXDoHb8\n+Xk6HYlmNJUzSEhopCW/ddd14c1Xv43ipqBOszw0Bc4ddlIQysB+M1tUfMzE\nCup5\r\n=iNsX\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAooOcaS+uGEkWJmP7/ZvyhFx54upxHVpOQz6HIBsLMxAiEA7RpoGQoa4nnrDw3SyyoyyvMvRUBP0hvlv+7gC3X/L04="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.25_1621935552343_0.008713917506920632"},"_hasShrinkwrap":false},"1.1.0-beta.26":{"name":"@spaceone/design-system","version":"1.1.0-beta.26","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"e7bb5f2ae0a86d059bf7f34a43307c831d2d9e15","_id":"@spaceone/design-system@1.1.0-beta.26","_nodeVersion":"12.22.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-yabv62NhNm9WLPd+9L6gIAaW0hyxYvOw75iMcwNY+72J2A1rVq7H5puAFD1zlpjVqOt+Yda/rN4NpY+F6R0mkA==","shasum":"7ce68b63cfa4c6ebf5c0932c70af2b7b6b82577f","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.26.tgz","fileCount":981,"unpackedSize":67416194,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgra6MCRA9TVsSAnZWagAA7p0P/j4LnMtVzMUCvL0b9hcH\nSZ5OxE/Z95BXRsTUOYJYLV7scM//Rvaqh3z1bk7qwBQKv50xj3/nCw7LyTve\nk7jz1Wj56h7Qy0Zy3ToJOmQvIaRRuUdXuK209wEQRspTRAK+04+HkSB7xDmg\n2pVj0Ppo+y1GpVcLcv29mQRPK4m6MGtihOUuJ437BLxtqzI/hyG23IO8fjDZ\nt6jJJpor2nkvWVucimuDIWN1CdjqgPlxOrGCiJ/ZCpO3HLWuB1FgUUebgnfF\n/1CR1Mlo6RoIpI1ONXUfN3Pcc4Z1ZP8ubaWPXV7nbG5QX3mAi4KPzCz3NeAM\nKw0cbYgMtiQiTv+r+dh9cZ9dbm2cPb0jLnjlVn8wiXYfJAL1CMjA3It9YJbi\nsrpRP7lWtAP3vDIkoR1ZiYj4q/q3Q0DFzSvsJbznLdo3fJxCjQf7pcu+18KM\nYTrfydE5IeAbwYR26x+1yMlctLqlXoXpBqArECjCyz2ZPadXYjjbOrF06R/p\n6Z2AzyxKI6yJu+0hOKJJwBosh0mUdIgUMANih+wz1RRS+SICqqn+74I+FPLp\n8LkzWhrAycnx44iprnQENh2m6TXrApA96RqJqKVLgyB+AXC0y+kScAaLW3Fr\n4jeL8GApZgRUViYxEd1SUp5qfkA3OiRRGNJCxwVYar5H/oO4aainV21Rwox/\nDuhs\r\n=6xNW\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFnnR3ODXdO4iILvsP8Bk5ksIpb7y5SQP+F7VEfMn0YMAiEAnzWcBgHXdilwLKjowyyLW8o641yOb0DS2uGzgGhk/tU="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.26_1621995147036_0.8077672959870288"},"_hasShrinkwrap":false},"1.1.0-beta.27":{"name":"@spaceone/design-system","version":"1.1.0-beta.27","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"0fba9e78f8543a60bc03f679fe7eff291db66bae","_id":"@spaceone/design-system@1.1.0-beta.27","_nodeVersion":"12.22.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-l/Mxltnae2O11chrGjDSI91i8xJkyJ0mNyX66d2huXqIAgpoD9k5Sa6y6EedvjuWz6dPJfjI15XbgpWgVW/hbg==","shasum":"a522855a754b5793f4586dcb886789f040871b34","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.27.tgz","fileCount":981,"unpackedSize":67416679,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgrb5qCRA9TVsSAnZWagAAPEcP/0un60vl1XOxJzPslcnH\n6E0l/3haHvb8cGOW3siey9CTMGGhuJMt6ZYhb5Ii5ymwcnaUT/j6smgPdr7M\nXNhKoxbSZZkXvVdDRTzCcwZvrYeSrly4MYrl3ud9NF3B4/EUPkJn7nOKgp8f\n+8EGqgLGyIQF3qlOh82IKZCdoYX0deRtUOEFa+kzKxUsF2gbGP4dlAc3J1dv\nhxb1pPV6gurgCFN2Bkzh9YquESGzpGmzW0L/CVnZk98nh4iocAI6ivM1YB+0\nDdSRuujTQSdldGiWgYOr17fRetrROqKShiqcNe/dONb8uqakbXxAq16DHe0t\n8h6hW43grW8TH0t45suVF+NO2DzZSukA00heKtteO5cLFL1/eAW3lGXJ8viB\nx6WUH/nV6Gc2I1+fbe3VCGluO5HFj9JBe13HvX21ImsFGVeOOoL1wfwQmZc0\nLZoyETa4OWJB2jaBrcjXjuz7iDfmXmsIT5soqXG19OpCy4/ZixV3A8Fkl/To\n8VsuZbFRySi/4pmjyV14fK+4FWWspOGX4iVN0vjqJ77R1l+MySq11Kfg0Cuc\n46XycZa0hGPlqnaEU8qDcQt21uyQS3N6rNIVaUBkT9+dnVHNFLl1Auwhp3es\nidHhHJcQsYJ2C/1rVOonndazXHU0aL4IXS2/IQZrcyFnsLGpqpGDwKSK2MxC\nwpYE\r\n=7GJK\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD4ux1s3rsz383rNnlELo01g9fXlH/MrujO6qvOaDKjGAIgMAaTqNpV7w9QKX1Y0XXbzW5MP3mpj3pbEDVBxrHHrPQ="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.27_1621999209458_0.8934604148663008"},"_hasShrinkwrap":false},"1.1.0-beta.28":{"name":"@spaceone/design-system","version":"1.1.0-beta.28","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"9c013fbdfcdd8d3a50efeed47ac1c9ee32788bc5","_id":"@spaceone/design-system@1.1.0-beta.28","_nodeVersion":"12.22.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-+KKFteAHVrOqlVZumK7zyBTXxdd8IT2l16fszQ6vfAI82z2HdyaKkZ7lbl6tAf/HE5V+jDsSa4d7ymaP4p7WJQ==","shasum":"cff5244e08a9259e111bccb00e43f7764e742824","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.28.tgz","fileCount":981,"unpackedSize":67414425,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgryxmCRA9TVsSAnZWagAA4hMP/3ZbmSgn/kfhyy6VH5jC\n9gYUsI6upvQq79xXENZkBMm2c7ZLRWeMSM/Ci/tY7XGWj0FPsYCx3c4fOc87\n5FSlXM7ttAAYx6fZUS0EyYh4YDNdmoy+hdipUckndNjJxlnIUQkV9++BVO5l\nx4I4A/Omumb3Nl0ev1xDgTWPG7hXMHnNRLgvSw4cgiR9t/stZZQVjluAZzfE\nVzg8l0YRAcKbjNdgt42a30CifZjtcU8QXEJtd3PbcQk1RVtSHG03m3b5GiEG\neaE1UynwKUrR0qUk+OtDXu0O0dAJjWDSVCxKMA2LdQL/bqiwjf+xPrby/swm\nxtjrjelOujRXZ1bXIfGOIrnwFFvKhm0SctIb8TVt4bMXPzpuWD0e7fnN69Iq\nuViVy3m34HROoS8iKvgnifgWqqW3ygLirHOw6QAM1ulUP91tKndQPWUmln/Z\nRqYt/4PD+bQNCsu1FN8MXsMyqS/ET+qHMqGW0MdLirwr/HTLlpBJptk58UzB\nZH9OKwdkpHoFb3wUxaufxXJs+OYVj43TLg1rSxc4ZiYOeeSmBY4kf6wRnt5D\nV1iLU2Co7d+LI9E9PqQ9XBh+6MzZrARYvW17mOZUx0KAoCEr/h7hEzG7gJsr\nOZaoECQekD8F+6XJSXhTChYLmNtkF0A8TK/Im10vAK+PsiXGgXlP1+2NJGf6\nzqv3\r\n=Xipx\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDt6FSOTiDTkSt0e8ZTkEEju900O0Vs8B9CFfJW0lMWkAIhAOv+YwYcccI8V1tEeCp9+2YZXoHN4ay33x2yK1feol5/"}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.28_1622092891720_0.666206571853492"},"_hasShrinkwrap":false},"1.1.0-beta.29":{"name":"@spaceone/design-system","version":"1.1.0-beta.29","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"52cecb05265ac4768bb3a27a11a5db430cceea9e","_id":"@spaceone/design-system@1.1.0-beta.29","_nodeVersion":"12.22.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-9kkxNlaqXk/qxQtY7gjsXO+PkJyoF8Ktkqof/hpaxlZkfM5uqWeFrG4LgIhVgDVSHoVKezbqND5BagOfE0rsng==","shasum":"af4e2bd5a97af43180c5cf8d70a7a8cfebd60acc","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.29.tgz","fileCount":976,"unpackedSize":67366615,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgrzWNCRA9TVsSAnZWagAA8jcP/18xedCRmt+vVwlgcbG3\nqmxmH2aC5Ayx+UUzsh23lTGJsDN4yKB34FBj/ZBwuAfdBJu9nj/3yyKR8S1Y\nMBtvA5MipYWllRdbFaoYTvXdCa36s9cyC4RIb2Ps1dCulQVK8PihV+ZCyCDt\n/GxCOj9ywk7GCOnBTwnEHKjLz/TEIdIFYv47Ghg1I09EqLkBBgeNlSUHUGDr\nIhKJx78cPy8G7pcrBD41h9nAj4JuGWRLPO313Ezdi0L0bvZzIgFldjM8V1Tk\ng02al6SZXDvfG1/UuZRyOfMH6qYBA6aQWqXL81xdYFFbUxVEP/SGrm11bTJr\n6aqBpKgdqD+lesdyFq9vtKjzzVq0qQyIK7XVorwImskV4K7xqpnutGs6Y+EP\np4hQ3OxGVytuI1dxIvZHtsQ65WdK4Q/W1g6oxKq20FFcLwsjoIa7udQCNC8U\ng17jX3F5/t/58YYOIp3Ogb78zRvvASos4YhS6sE8xNgH4hIv4OV22rN4/be7\n5tIyLcNyIIDbrHqcGgIdNZp6c4dxwrzV63ljpMwhtXPw0ePtXqcXxo33KBed\ne5nRMd4P/QVafTtUXpFMrPm8cExg2NWHdJEhrFM9k9IjcwV7ns0TkSvA5ae0\nH8MPNfWX5uZqIl9m5rA2wIPzZ75mDLp/A7aT3kechwHRWnSfgM0EvSLffruu\nhv/0\r\n=W3hi\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIC9/GK51EXz66gwwomWTiArH5AJk/xe63aJUs688A97HAiEAwsO1vDMoXqmmy5Q5We6C1C++3PlVRgNPmIV4Ajtf26A="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.29_1622095244645_0.2701720779287624"},"_hasShrinkwrap":false},"1.1.0-beta.30":{"name":"@spaceone/design-system","version":"1.1.0-beta.30","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"84e44b009fc73fbb7ed55cc6115798fa96ba9199","_id":"@spaceone/design-system@1.1.0-beta.30","_nodeVersion":"12.22.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-M13JfAHkJ2R+9J3dNQ0/j9ySwVMUdkodFgb0hMtcxPKDVzFTSHZ7z9IElyMY+fxYXyEMNLsQLqsrTcqXDhB0jQ==","shasum":"3839d31ee3dc7b1d7ca833301a0ad6967ba4d112","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.30.tgz","fileCount":981,"unpackedSize":67385428,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgr56TCRA9TVsSAnZWagAAe94QAIVGbOCh6a2rStdJiR6s\nCM6aG1jMXzJlybLJ6PWK0hlrS3hy8XmECSULWWbswr6VWx9RcRaer+VF3Q1u\nLxLe9WVIpMRNlY5VrBFXWrPKx+zXMvi3SLD24EvLL206ITcZlcevAjdXUZhp\nxqrpnLc1TFMYOKAj2NhxoH1RGmf89UMSIt19cLa5YDXyUPdUljsZFrqB/iCs\nZ/wXgq9ahJLMFYWD1YhZJu+9QPsn1YXSXnWFQYGCu+fP70WdFWlSdY3Xkr9d\nC+dZpCSNWSrXgBMflMFQqMKLYqh5xtpbO8QJB0b6y+Gk4q4Jknp9I4O7r/Qi\nxuY//4WyAsJzdItLF4Dz3aE+AM/IkJTM6UYSeoHhPOyPkL2PsO1/HsfyN7KG\nwXpxWqA8iz42uM00347h4wiQGx4OMksdRy4XvJm/BPsLRgOzdtvDb9PISxCK\n20LO410p3G2PmsF1Ic541UQV37+gKQ/lXnf4NtIDergaufi/o1q1oRdOVJ4D\nPciD/sEwQBZi2GHj5ZW5jmTDnRJLDXspGE7WW7sn7T0KjGrXEZ0FWq6S4nXd\neBo3MRMTeKQOsZiRWnv+Y6G2JXcbe5J0Vsb0KFqjTbpqJCR0TktQdxtfyvfL\nRFP4vjIt8rCoBGK08w6WNvshiWgeyB6u/UeWmRtHogvrNw9FiAi+2/qmAl07\nGOOa\r\n=RyMs\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAJP/r6E8p8S4q3RY+qNpuoJqSXU/nvNcdg0RlTVeHrCAiEAhFHRDe3RY9Crl3hfoi1Khs7LflbOhWMioEDXA96dgFE="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.30_1622122130255_0.7743246302038931"},"_hasShrinkwrap":false},"1.1.0-beta.31":{"name":"@spaceone/design-system","version":"1.1.0-beta.31","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"9bd470c909915fabc5d8ec19ae4b192f22da9f1e","_id":"@spaceone/design-system@1.1.0-beta.31","_nodeVersion":"12.22.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-9MY1Q1dAOeVdLJ61puj9fnb0oaSM5tm06zvrZLhEwPGQwuWQv8PH9Kw+JmrcgoUK17c9ipF9gHD6AiZlf2bmGA==","shasum":"91f8cb643da7da49391da2afcb11b1b1ccbf10a4","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.31.tgz","fileCount":990,"unpackedSize":67465060,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgsQchCRA9TVsSAnZWagAAKz8P/ApD4GJaD/SWH29n58fO\nToE6Byh4nzGO7eefVyxKslsnHqY4Mgf8p5zgPcNQky0YBebkCdfVugumUq+l\nhnivJMXdOtpcTnILTY4BSg3f3i+8rHwQsek4Rapfet4H5xIGp71yB31kfm8f\nrxaOitBHcLChxwSSs+bdXy3Eaxves7ZQiAYSgFPidapfx7br+oWTACKnlfs7\n1G4D5Labou79/pPdJLYDQGGzh3oImi+UbolCAQ862LF+ksVD5EjR4PQ8seky\nx7tj589L9YpobAHS7UPIYJEFZ3A0txaCGyFlBnonGwAhORWoBnc0K4PJ8Wih\n+ej/jWCZgPvH06qhASB7onK4E73eSoEJZOkYV2U8kVVw02ruCn7f6YSoDa97\nf4ZXM2+oAJ5kYwGJwanTRry0EjGVGWyqOgIm1Ck3Ub9kbpFVirn0uSQULfai\n3a8PFMxUvQcBSDlaqd/4zzW9xnb8lIW3XuA4r4060OlQ/b0lTDT3kMr/AiIa\n8yPAmvl2tGukj1ceoUpFf59s0mi0xK6CAknlStPBVrviqGYvKKTUWZwqjUYS\n1AfjMLRgwEWI6uapiekHfIx6Kgd3AI1c7XGHCaRtA6q8AelA7+cnwuNjZFfd\nDlt7jCfxKj3WGYcaZl/FLC/L305xLtx/rd7jrN0T7nohHNgUYOiUXzJh2/sY\nSYpa\r\n=DAPP\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBYurqIGElYwpHFhAi6E2cK4cLshU9CMbC7R0uSrQqc7AiEAhecjP2IvtXFV1QNvbK5VUFRGrZ6BQHIIL+3hiNk5EAQ="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.31_1622214432583_0.4020963301665015"},"_hasShrinkwrap":false},"1.1.0-beta.32":{"name":"@spaceone/design-system","version":"1.1.0-beta.32","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"26828e7bbfa30a9cf30045b1376081820f130025","_id":"@spaceone/design-system@1.1.0-beta.32","_nodeVersion":"12.22.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-rMAnF1I8hRazaqzG/ae1SHO1SIgNxykLKKZtxrq9IkKzNfNYtXdJSRUSnNu0QAN2W4R54nBUcbxYKX7gbbWEwg==","shasum":"6336ed926f0d18d88b4ac377a08bd63639502cb8","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.32.tgz","fileCount":990,"unpackedSize":67463757,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgsQlLCRA9TVsSAnZWagAAZp0QAKETL/WsDMyGggKDk5mk\nkySeJ7hfXkb+REbElzyQ0omBszy5v6Tmt07Ktl2ZvhXNeGd/RZlH0OhBcApg\nnTj4Ln856XPTH6G8v+DpdifOlOB6tEJbLIEtA0D6ANaMFB37XWES7ag0H7DW\n3j65PHPMkd88FDfXCiWDEmjsqkf5wTHNajc6u0vg0abd2XDjT5OEQQh25DZI\nCVnaDFtzrflkPhcjnhkLTfs4M1Vv3OYNTC0MoQuhS4+sSu+9gQz26BUmN5s6\nCyIPuLzpSv85L+5luoY6kQksVXVX5zZVZBhP314UnORbWtaUJshOLARRBVkv\nS3KrlNqVEmhbW7XV8g8tpOOPp6wbYeqgMd6bixqwWvdsW8S7MUmgoDVwIb6o\na9/J3lNIFdmwV3X582sfBJAEoYCZ9Y76viGkdtapd1ifhJtMQt4ro0DFV8p2\nKZzgYDBggD4uySFwyZGbF23VLWzE4RkAeMsEecO191iV1AsdN6k84a+ywwZ8\nieCPjLztZtx+qtPGKpOXcIqIhzHKoJJGmIvqSyux4aG1KaK9t9P1yR9QMHLe\nDyoSshOwHO/EPTqEGRQ0gGD9YFCG3tp6LRJ5zOCZ8zzdGUE/CwUViQP07GK+\nhBPlyLOU0ye4cq2dI5wxkzl3ysImyWIcmBYL5PzTHWwdpBdtsNAe+aEGQF0B\ncqGq\r\n=Ga/0\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBmU1K4Hrag96XreGbJvVlJO7f+AQ8TFhcM/MbP0b2gDAiEAwmC6XoU3joZfXHEfW+j1hrB2BXrcVy+jsWMNYqvoDQ4="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.32_1622214986579_0.9859932993851008"},"_hasShrinkwrap":false},"1.1.0-beta.33":{"name":"@spaceone/design-system","version":"1.1.0-beta.33","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"387f9232458832793396b2c36d5e4d32ed1c0b3e","_id":"@spaceone/design-system@1.1.0-beta.33","_nodeVersion":"12.22.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-m4pg8Cm+QYujg4dHkHEQKNAHLoc+5p79lrDLcsX9LIcl7jMGls06U0AaluFSTloNXIe1rlYhk8gyjYz8eH4dtQ==","shasum":"f4abcd15ef1f12c30d9e6226f717d0587c877cbc","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.33.tgz","fileCount":1000,"unpackedSize":67601726,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgsRgoCRA9TVsSAnZWagAAZAQP+wQWJUgzUubh9BtIQYYK\nPUXv3/WGozdDL6sSxB4LYR+UNNQg7uSH/kM2or65kOZM0JpHHijTDYqA0HH/\n+E8+DKI8r98v5KysLc1CZt6KjuUafa1lNRAqm+bmHRV7nkYWtXdisvAez1vt\niU34caftbFGbGgR3tMN1Qq3TvbS0AxOIpMumfnvnPMp1k7FWce4K0P6ZIWrh\n2ZzJXquUJMVMFwxAGnnZrCe2m/yMSqd/Kn473roVsx0Q18QiDTIBIrSq72Am\naJO1Lmx60dtQQkEjUIsXB8C9tiyvnCsgFqeBGzToET2t/SwznzxXD5C0O03R\nC4VsnfAJ/dTioSxLZBbTnihO2jXEvtx5CX9qXV3h50tqAyqO+OIm0B4u35M/\nVu2616PSFhnbRp+564jGh+E6LtOsRYp9fzqj2Kbk/xcpbwxH4zeyeqJCzyW3\n0/wRgN2D6wYaQlWLTO6Pw9adngg/2IAVuhd9194uebhh6TyPDydBIdaTU14F\n0SX+G4p/gBQM7CyAm3YmiOInIODYH1x6f2/bCBXn/tI4BEE9OcZonY4qXmpP\na/DKY5iE0E5b/IsONZWqaMY2hHWB4kRj/KjS4LF961AkSV9JiDxwsDPR46Ev\nz7545Lkd0iuKIRHZEonfRuHLVncESRZR25+tjk4xQhOajCAn2bW4TIIo29Mp\nOJ5E\r\n=G9Iw\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD+FFzmiU+DVGxOa5Ed1hF9IBVtuiTSe5qR+ojRODqaYAIhAPhMZijNdjKlPZObkMDVvmLVIbm5csCHYqgVWwMlVhJ1"}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.33_1622218791411_0.36591698877372947"},"_hasShrinkwrap":false},"1.1.0-beta.34":{"name":"@spaceone/design-system","version":"1.1.0-beta.34","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"3c5855b9c5a542bd3da7e3435a7ebeb59dba3e93","_id":"@spaceone/design-system@1.1.0-beta.34","_nodeVersion":"12.22.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-Yg6mkU7krUzze3163YFX7lnbxyJROo1HIhnqVM5SuqZqL7JBkBD//orC3VveRYwpjbNxOAydOxW8clKP0+RuRw==","shasum":"1b7c95ba4762c488c713debd07c4a8527c13e232","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.34.tgz","fileCount":1003,"unpackedSize":67630608,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgsSL+CRA9TVsSAnZWagAA3ZYP/3ojxFNwCJov6QuswhR5\nWMXS0BPANCpQvLVZTPpWBeAmlzcaM5zrUPAx5NyiK4vWKKMMjHF7nZpkcSmL\n/69b+1+oiRkbodwamhMJYI0QuOQQatp6VGJVrZjsUNWwCqZhJyqevVWvm4hO\n3+kQ2PKl/iT/eqDKt4N7JVRTjAt6H2Sd70EnEnibdU4lEGVSxJKrZpCQSg/3\nb6sORbPBtne7EoduoaHdF0IP/878XvLGKxvTyryhuVFp1/WdjbCedtaMmoIH\n9e0V5yI1RxvTsNIlPKGW3s0+DdEh00prsdLCLIHJx6F5dMsZmGwcvpNdLJwW\naZl855R8VhXAGt0f9rx67k72ITe7O2Q9g3N94HnFVXQyvCBzq/IkAVeJ8pOq\nU1GTyxkmwUTv+uFlPA9lRQNbNjA0lKpZaVNsa7aCNt5/zRyIiXf0Jw3NuWSz\nQaFmDei2TKtHnr7wXhcT4ZrtHruXSacRDbZJb7a+RAldQJUWRRmZ+judZ5/o\nlxcwk6VuYprsGYolVdsZ6VfEE4fr57NG8m6F38vomPsCzhWaPj77++tacb80\naWCQWWdNCSyPtn6h0s12hg1gIJZFtoflcyADutkYkrh5+6z2ULX8Te+bBoIK\nLRhjnTjnEK4j/xGcOe+ugvfa0ZzvRi2evF16Qsxo/84/SPDYlJYTOfSAA3gb\nSXKQ\r\n=VF7F\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHrzOMXu5lGT3TaSvn8j+1JFliRbmo+oBVRh+d9jquXIAiEA7ILD0pWfkj8+sWmeHP8QX/gDMpt5n42jl7dtf6hG97o="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.34_1622221565113_0.10923037161561111"},"_hasShrinkwrap":false},"1.1.0-beta.35":{"name":"@spaceone/design-system","version":"1.1.0-beta.35","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"b889a61c412d104ffff7bd16e376d7b32e4f82a2","_id":"@spaceone/design-system@1.1.0-beta.35","_nodeVersion":"12.22.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-YPfiTWuIuFmI2X84f+9IvkiGjG04V4tZxVzLnh5gt1i1YSYwP8vsazm1lXjYQAhTIfAT/spkaP6rAdRD/uNxew==","shasum":"6b07a967ace1418a52fb0ca0a0d7a7f0574782d2","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.35.tgz","fileCount":1003,"unpackedSize":67630370,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgtIfKCRA9TVsSAnZWagAAt1sQAKI8uVlqDWEIznj6sQbU\ncPCfty+o0qs0TIfOk7GU6T3ysLTZJhIXDYCg4KDl54CW1BkZulMHEZh6tJwM\n8ZHCZspsxTZkzI1gDnScaSmefFq+i0Q4rVs1jg7z1mu8mmiG91QqxLMa7hsu\ntpiROpiVrXObNOmp2aFstZjIU/7QYyKdLHyw0pzVa/OJ6KtM831D+gWGMnzn\nOCSOjWwWLFQjyTa8ZcikCOWnYijqPkPANR0AEKDqyWsutWJBjKR3preDRmyz\nn4sk/KThn9nfKxVTznz5nHoGtfnbU0vgQJw3n4GXokZ9VCXHGbG7OgRtgQmZ\nLecUX1a8HBe3CjdnARNRZbmkGCqjjfRZvC2tsjbXq9x+s1bgLZWJ+BywWDim\nsAlpwUpulL5ULsekDuiEfSBijCWNmyfnBw4AL+YzdbIjRKRl0YLGOl7mAzFw\nhmfrHk/Hb33NbZZVi2XjNSYzZWLz4jpaXllrTr4N/LWlCTfLu8hMh54KDKpm\nMtWSYNRl0nR4wNjZjEgMVr55mbaTYJ2l2gp4nz25y1dpf9YsRIA/2XXe+ABu\nrIThM2C7qP02lzodsk3y0THrKDanN/Ugyzr5HjyMBdNqIqN6C99JBX3Uea7c\nXUmh5GyKn2WvwhdVyDbqDwWmxdC8rp7WOTvMNvGH2QY8rwQF9a0gbw1DKF2I\nUwn7\r\n=vt3M\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEKR+pQHTZEaD8xX/H4BUExXhA2E1T0tFLbWXEGNDsfcAiEApEEzIV0I0Y8Ma+6S8xMfttQ/zxlBlm4vtxvqF9m0EY4="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.35_1622443977325_0.5089901704999347"},"_hasShrinkwrap":false},"1.1.0-beta.36":{"name":"@spaceone/design-system","version":"1.1.0-beta.36","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"e5612f19936cda9eb00deaee01ae0d20ce44cde8","_id":"@spaceone/design-system@1.1.0-beta.36","_nodeVersion":"12.22.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-YQGPUZMPUl7r72ZHKzD0Rob7HKQWZVsZq0SeHmZj87SauKTYU6pqJ5dAoItjPfp8fr7NNaP6dxBSrtat1PeM6g==","shasum":"51f4148a631509e564ca0e7f12b5f4afec7bc90f","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.36.tgz","fileCount":1007,"unpackedSize":67634508,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgtZCECRA9TVsSAnZWagAAATYP/iLHTm1ximlU/SO+YG5F\nCF7bXIyg2j0tyMlD5jHmfZ1qxt3ttd6xEbg1CxaXpWZtqp+VlKnmRujnO6rZ\nplblGX50HjI6f4H8ATm9/gWtaYu7KN4G1WxTPnPSzbwTdMMbSsnmN+NLCTu7\nmH2gre1pGdvGJ//K6nEHZggdPNU9E1APdHrUtc7288Za6/XDbmwsmB0MXbtk\n2CEnz5pc0sGeXXDGilKFoAyyw16m+5G/l29KE1gxCCbZufpLVxN0IJD2Z8i6\ncPVLo43RSkuOEfo/6MObVlTs9Jd/8amfc3NEEwG1lW0bYN+wd2S6QaPAxBG2\n8VeV2vA2/eIx/N+iYV7EfJtJNMdE288HsOIbOaSpMf2wiRb95upHFU0TQQ18\nQ4oKbgUWYnN/DeAsoLpUW8mpGFlTBFAkJYY0SJxef7A9sD1QIjB4tEsrjd3v\noQCZQOTq3UQFrBm+RFl1/4zRaQAekVjdlpj47vZuPnkaEjKvivBTjDPvOcGw\nhr6YHh46eDA0IfljuHdcxs5ZUHXYAXRhM9vVnlWucqXiy+tlm5uaS4j0A8z0\n+Zq2uiF3+2yHTwwpxMEV1HQL3kFnYsR/TbDupQLeJDn5FwOpfji4p4y3JnlI\nU/iZKPRgh3BRsASNpTNnFxZqC2S8XZggoIjW/Dz0pW/qOTQK507wssE30h2w\nWKU0\r\n=UIsp\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCID2M+l5zZ6IueOZ4wCjudeselqmViCUzQ2vAVofBe3NNAiA7mro1ulOcs9LSHhdKJGq/PxKykRZJzbT4nkoHk0/QJw=="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.36_1622511745369_0.10275464620317498"},"_hasShrinkwrap":false},"1.1.0-beta.37":{"name":"@spaceone/design-system","version":"1.1.0-beta.37","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"85db0ad2cd71c5db3b51f2b9f809e4183e47e6cb","_id":"@spaceone/design-system@1.1.0-beta.37","_nodeVersion":"12.22.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-9zxwxZPMIq+5LcMw2qlWlcKQ8Inl+RTHeutGTL78XLpZ3U1fcFAFmkLaPho/LABOnStqRxevTna944XFQj/IMw==","shasum":"a2cde811a1fcf1440e638ad6e4e16b1c531a64cc","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.37.tgz","fileCount":1017,"unpackedSize":67649963,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgtfGpCRA9TVsSAnZWagAAUlgQAKFrILzcC9IXxZsuWp+U\nX0vTWbC5DCJV3uIPJJIRbodAxIG5Qr54R/5+3/NtzddZVHVdQb0d9ez9RaHR\nnjsxiiYNyK16GNiomGkuHn3JoKfJeKX5wCR9haVz9ft+n2seKj4H4Wq70Vyg\nxcKBrT5zhd7SpxAiQ6GYlbSo1TYL8MRfzXwenhkkeWCOTyYsTxXdQduNnYZb\nKqOTqPmsfrvdEzZmqE2yEyLiMMKxa/kbO08HcL6MHn9VIsEHoLkAtwE+AFgU\ntAtDCMI0jTSK99M3qbPJaf0h60L7sfDQQfOty00LA4PPbHB0HA26pHtUZDVU\nngbdFtmKxh/ttbOo6sepnNWwXuOR3qIirZU3tVEfvqBXYvQdOuiO+gARNesN\n5Ry4SNL08xBSoQhYzzIygcbhPgfvAto4BXHTCOSKvPy7ml24brZqtfN2NEf9\nTGDKE544ckVihawZUJdVoxH9/o61Cm6Spv4FauqgryRfv741yIEHjdpOxIGd\n+cW90xIFIT3hWxVJURPpXKvStfTKX8RFU2jgouEt6+sgSX0x6x6R5Z8SEGEz\npSFuwHCbn9U65NXHkzmbbybokmU0M1W29E71vxmLgce1OfI1BqILp4UPGooj\nxWuPwGNz3h1oYzVC5RZ5txoYIapiAnFpUsgfF4nZZUF3n7v+/IavfXeifr9M\nzZHg\r\n=2Lx1\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCEsNdSdkYrCQbEZM7XR4VuYb/TR8NM+04PRjW9hGg/XwIgRUX8KWpcfPQvwuPERRYZQk3g2vEKFFOxUby3B0Go9ug="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.37_1622536616192_0.0066340566578180216"},"_hasShrinkwrap":false},"1.1.0-beta.38":{"name":"@spaceone/design-system","version":"1.1.0-beta.38","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"0853e2f84670a3664d1e17179d9296c0e3e06861","_id":"@spaceone/design-system@1.1.0-beta.38","_nodeVersion":"12.22.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-KnjizETNtyFb1bW4cuWwkY+TkM3kv2gE0mfOh3ruBsYM7DU8iDcCgHzQ5wMntmuJzK3vtz5OZARuzVCVZG6FMA==","shasum":"c1c585d0906b8067470a3def73da110b1d394754","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.38.tgz","fileCount":1016,"unpackedSize":67672471,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgty2tCRA9TVsSAnZWagAAUR0P/jsy7f6soKHFeQOYlG6G\nQRSJKJLftaZXU/fOe+YoaDNZC9avnvQ3zAb9uacFmTxROC2hINKRH6aK/ufC\nmfKF2hy/nahcfP7weulxcbTRjKWVRbtAfeA98W9jz7TOb7MX4So6Ux4eCvR2\nSjyvXN/6qZdf9tW1hrIHNLkEgQMIcN1J3BO1CKCoKw8HW0tne9srvFt8ETlX\nqLdrp9NKhEVfRI+GkvDVCV9Z35wMIDMACIy3W+X5qNSFBVK/vjAVaG+g7qPr\n3/fc8mJFhKQEJZnZgoWVmovRRvqxPcwqJThw41gFgpZBIGYokBQee5Wl0WEh\nqY6fJsBubjfidgVkSYnN0CHAuoXVO4uqW6YYh79LJifu6lb6jFygDe9XobBB\negHFO5O+WIV0Vn/EB/w7afkNyXHIgosYtVb5AhmpMkwYwL+wRcNyZhUT+3nD\nvn1M2qjbH8fyC3qQrdc2JJj9wuFSPaR9Phvi9HaNNpisCoelz1i7SBgG4wp+\nClhYZnb0sijgwGWTvE+VhFo2IpAsr84aL3njgAyEwZEIGI3adyiiu4KMlBMI\nDNCwEjHsUcVFpa8nod4dhwQDuckkw9kJ/T/FLHhi6ytmA35gdzx+2mTLdAxg\nV9QeJQDxnuc8ul7Qi4gNQbbTXtqo5HCYqCE1FlHPLvhtGwK+DxkFhuMWTteJ\nzU96\r\n=g9ip\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGlR2ToB4VrWoCMUOWgMqh/V/HAE7oA+C1TKSJHo/USaAiEA9Jg1rxSG9JznHZSteIOyM0KyAwhEQf5Eof8310jL8GE="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.38_1622617516321_0.8677976697327972"},"_hasShrinkwrap":false},"1.1.0-beta.39":{"name":"@spaceone/design-system","version":"1.1.0-beta.39","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"1a506337c045453f44226f447bb69c768f1d9333","_id":"@spaceone/design-system@1.1.0-beta.39","_nodeVersion":"12.22.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-lrkElBqohxMdHNfYAtMNekfxdMYToctCng9AxRxHoiKaMiLa0iHYP7sUQ71yWup3UlKFxk2z9OvRKMJYzfLCzg==","shasum":"e157625d35cf1e321a5f5a4de87ef679b58aa669","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.39.tgz","fileCount":1017,"unpackedSize":67704759,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgt08lCRA9TVsSAnZWagAAgqsP/3DzOQk2FJcPnbP/Laz1\nqlxhMWW8jlCkX5T887xcgztZZakdcoAfNeGTh/5bXAs4V043x1dgZg16BE78\nLcDKomriJZe7hNFbbMIN6VrVLPvV7ZnYZQkoteAJwE2zx5/0FGmTVMwzH/Sb\n+GnuZl7C0MyQodE4glIgnYZymZisIcrn66vyN5/i+3DwSiL/rZ/muVwdzy8a\nXqb5De8+rYezkoWsBzx7UirHGt1froMDIjsQq0NxxpaKPQtsGmQry6ZBklBH\nYULtfkf0p/oTrY3ZiYba/9Z4fMCHkhXHDWSCTLDHypPueckWOhAL9hxc1cd8\n6rh76YaioT+TxFLDHAWcB8UTPbCsM/GRYRTkihG5xMZxZWii92tpM2Q4Z3NV\n3h3K2V+Xfu3MCaLPl6diPlduVhU70wY4SCzQJmOoWkcH+vcSpW2YgKJJSvV6\nOHqxoz89HHZKFa4WvrHs2OdzEVW7p87iaHomjOKNiAHhBK6jLzCWfsvSpNMq\nI5elLnQy1DadkrS9Q/9NUUNhg6RfJ5wVsCQLi53RSHnX40I3Bzq7kak1JioJ\ntAQndZF5OHyYhIMtY4RMZtBE1svkbhoMWiSEOGh+1d59RsDfORzbnrGbu6pw\nOYhHVcKnxmYuUfmXjDX4NFGvPF9Fo0AhZYrdwndVus9iv7r5ZAcbXUDfAT2x\nv5KK\r\n=HYj8\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCdmD+wXmZ65E5k+beogreE7cZJM9p+QpTtJuKQhdhbmQIgLr8BUTbO5pbx9jCXWpiPKnHIKCfe8T7458utrZz6tko="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.39_1622626084262_0.40495024190775797"},"_hasShrinkwrap":false},"1.1.0-beta.40":{"name":"@spaceone/design-system","version":"1.1.0-beta.40","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"6faa05f15aa7fd86ae128a895b18460b2aa20eb2","_id":"@spaceone/design-system@1.1.0-beta.40","_nodeVersion":"12.22.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-7+BeC+VPfsY6/PqpYBeNWBIoNF+XUOZ4Nuq0M7TVxd24cJa2Euo3KD6vM2NYfNeELSXLAqzsvEDxekIp7TixvQ==","shasum":"e6e9f82f8238f0802107b497394abb0cc2a0afb2","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.40.tgz","fileCount":1026,"unpackedSize":67726159,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJguPAlCRA9TVsSAnZWagAAhwEQAJPZjbst2sUFrrKzM1j5\ncOnm/zPU557msawWt7IjWOqnIO8qGmbQrxxEdU7Q+n0JyQh17GJ1qey1hbmJ\n74i3DChczDlCR7EYjAp6SqP1EF3B6P1k4nQ80sILOsv1zZF9EIz2uxi+ARCj\nn+V/C57VckYMdd1hfQ0AA4k4AcquT5JA9/Tke6+24MfpUrF23OLy3klhDk5r\n6NXGR3f54LtZcgozypAwmO75lJheEfCLse2hJCPT7dEtVzUKPJlYzn/k+sxA\nd9QuvjKJB6nzODQoTC1lvBfv+KOHdx9p3sZQoG/Irf75APuZZylVWihGVcRZ\nrvQZgvrTVu9VU+Z2ppzkeBV48Yh0+OMytw3rlr/7f0gjXAm8RswnSbGUXn/r\nnAlwdz4wj5zx8wO3rvNX2VLlRll9JTICtWjRkZhtuY2lBYobdgcmLLKOcA/S\nwzshjiS7tTbt8/i+/f7cLmgNbgd+Y7+IbFxEBzYCYgS1U/fpZD0HKdsYJu/k\n0e5GoG7xsReN1418DZArV40iSryM3dnfNX08Ig1nFLimAB2VPNHnmDnAwt8x\nMS8Ua9QoY8KpctsTnJUoDplM4n9R2+IUL8PqIwCmRan3usc/9oWIO+Ui7Iu8\njYyUneY9W30J5OK9sqsPWy4GSLSoqVaOm+RyAru9rntS0hg9XRago7Diiscf\nixdq\r\n=xD5U\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDApFmEpszE2dJuK7txolDpzbCunroCAeNug595EfiduwIgctqXX7Z5QNfChIKVUPviDSWN7gen1mIDnN5rlMKTurA="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.40_1622732837245_0.21062959532819048"},"_hasShrinkwrap":false},"1.1.0-beta.41":{"name":"@spaceone/design-system","version":"1.1.0-beta.41","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"c6a9f5d0e07e010bf4a44529905ea972039c542d","_id":"@spaceone/design-system@1.1.0-beta.41","_nodeVersion":"12.22.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-jT0AMcMvzB8yAppUHzkZ8lJMmxPndSbLqkND7zUqG1kT6KwUVrlL0CYr7C/xUI7RW+C0RgzpgLDD1+A4geyiSA==","shasum":"93a70af23ed1103dab35dd7f3f504a65406d9e81","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.41.tgz","fileCount":1027,"unpackedSize":67763610,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJguPhzCRA9TVsSAnZWagAA54UP/RMOHur6DQ3XjRkTvUhi\nmuD5eRPETEafp8Ca9f/NAsT5Au9NQaD3HdSTGXO9SAbjQY0D1Z4f0abliPXb\nEQBDdt5G7qzoMJgECAi/zqbmfQiUHLaBuoAon67qLOk3S5WuPY1yjEdKQedS\nAvCEYzcz3971TykuGiVT2/zUXr4qhFZE7sYZVDvcGr8UpsemKH2by2Qc2Yw0\ngzbz0fkOHBcxLpHlD8qXatwFPaAP2KXndI7rCtlsXcbaG5vUzZHYSNv/sub6\nuSf8vLooyuynd0YK7AdOJ3qOjpPZOZF1V7LvwSSPiXYb5706cz1zHxBSuP01\nd5nMOe6Ug5wTBWyKWkKaWaMH0GDi2rLkKiU4PJgVpn7glVeVqOhufwijR/gp\nVZqAmJ3Wj83fAQdlSpN2QgGQlSXtCv7kkxMp/BoOd+ToXXsEU7FfJZuWPiwn\nAdSeVMFZgDLvrT2RmmuNoLVkK0kVXpjzXPjEexdxm9WLTycBcUpWMUceivNq\nB3fO51ikUWWrpJCZY24mbdZDA23+w/ufbSW8cJUy5eOAw1khBtNKMdCozRI1\nz/R2MjxWRR29MaKhZ1w8zaMbdfO7guoKhoEvwMXeguEXi57MfLgWfZ8h+Oc5\nP+iVbIKzWzAAoivOvGwaADJ6rCzMsdYlIMFdTKBtQHEVcAeW2r0hec32npFn\nzg7A\r\n=E4JZ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCGLA5uiyxzjzs0/UbaeV1uUR2+d/948xDwcEaU7dU25gIhAPC9QlIy/B6IiT/wh/dp9DeK+qis2Uyf8BNqcxz9WnAJ"}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.41_1622734962659_0.8265542774295735"},"_hasShrinkwrap":false},"1.1.0-beta.42":{"name":"@spaceone/design-system","version":"1.1.0-beta.42","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"f62b94c4c1944326ee2f9c14c2201be57904fe55","_id":"@spaceone/design-system@1.1.0-beta.42","_nodeVersion":"12.22.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-TxtQh1MCNjWJJQjrLxxsyxe2sExSWxHkjpehLegYKCFXYnXcg1qQNtk86AbagfQLJk176HJ9S9bXCzh4iS5Fcw==","shasum":"63692a42f1d1185d22a0081596a4b3757b863568","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.42.tgz","fileCount":1033,"unpackedSize":67774213,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgugW6CRA9TVsSAnZWagAA1NkQAKRD2UeL9G3z7GRbggEe\nheZVdr9RyIpb6kbV5NjR0nLPYwu9I3Qt1B4AX0RVCgI72SQa2xdsTyI2EUcn\nN6se/6eFUITHC2hU/mv1ACPBJXtWisapI7HghQbihPk2lgi5cY4cciTx9xuO\nQ89kKLkTj+UmiHXfODcHsNkgjUdp3GnHlvXDMUOEStv00hE2BuTMjgmSH6eU\nWh/2zMLWiJeQWqR/IQCDZ9w0rW/Ys4bZdFVmnOZFyyrpqwS//iNkNlQj6XKv\nG+61+n8xtG9G2NNfL6GaCLEW7uOqEBGZ7PtUaqvLqF+agqJptuh6npBYfJWM\nGuyj0JUDwsl0TbN4v1lDQ58UN+hE6miIaN1WDjC6J0QF2IPDNGsVKBfCsl2T\ny8k1qfhKP27WGeGkPCZleUzLHx3zAM4ZDPf2k1oN2YaBEdlCclFUrGfWPxzH\nqYe7Ne7YKuVh+jgTgy705QesjdpyA7LwbAd6TEEmiM2UZKYNXQyTV/OZA8JQ\nBBzivNXu3AOWXl7mMSZXWGB4u3poeY4PI2UINQV98FBGsJI82Mp56D9ztISx\nhs1lpgwLc3llCc4FzNjrGJYzyYNullHwH+3UWM1AIgCVE62LwjX8N70/J1T7\nU7UaVhD5z3wGbdL7Ob3fWYba53765vfTuZfxjTKNsatAYR6n6Dkzvakwg3zm\ndBTO\r\n=evOP\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDC9XlOw3+F2xilVaxMi0Bcha9dDy898ZfTTSxsMcdhjAIhAO66sxYOUgQ8aieA9wOpsIYjh5I0yk1bvJ0HNEK4ZVzk"}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.42_1622803898338_0.779641394171362"},"_hasShrinkwrap":false},"1.1.0-beta.43":{"name":"@spaceone/design-system","version":"1.1.0-beta.43","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"1ad38e5fff6e9ca116dade7f8bc13b1255c0dcb6","_id":"@spaceone/design-system@1.1.0-beta.43","_nodeVersion":"12.22.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-yq93xdq6FeRrEguBxK/kM++BOGaB67LV4t4y/LL7W98034y7deqV8D7ks2jJPwzewkZXAxsT1mk1A7biX808Pg==","shasum":"a85735b8acb6aa3ebd67bc82b0c4a4ed8b202513","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.43.tgz","fileCount":1034,"unpackedSize":67798503,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJguknXCRA9TVsSAnZWagAAerUP/3HCWloLskdrF6/6+E2T\n+ZX0b3LyfGrkNPCDYoT+VXg3fQ1aPEDAoByJpElKPNbKgVrQRCe9AilslCtL\nxUXMz8fspGXayeRwPvcKXFuLNVChKiV70UuyWkB74ttc9mXR1nRNPReZJ1jG\nyAhy1ZSSlRMZN2JjZwylWOnQCZLnUoKWDqKKzTecU1ECyif3ueMFfo7yOAFt\nIPGjUp3Gh+xM6Jr8EK8O/C87hs+m8Qw3IUEHJWVYbGwnXz/N85UptQzerXO6\noxOtIGRtfu50YJoOYm78Ye31nkZrQIQDFQ7Oe9enjsSyn6uNZcGtRpZs9t3r\nWQJgp55OAYopQTv0AlGFsp79R46FNwEjeglAFNxYbaa+/fpJNfGvJyCWBEE7\n0+q5HchSao96QXwXnaq0ndpWwBYucxi4qjCUufNx+a6/FKsx5oTSDg9hW5wL\nQ5kSp4ZFG2M1TN+zd/PyTGjK9ntI+NbwTRFuz06Z2lhaNMgchoYdoDjA4rtb\nEgu9eNeIw9YeJXOLGlkoQQ9Vh+mlX9kiEb98NdNV20U6RKOJkPTluIjQLaEb\n1LrnD5Cq2mGvSUFYFbb1ycHrrzBcOqFZizTKQPABKvW/4zaAzQUmPE2U1me2\nnICOMdeUCEQVRqHzxr/Rf+8Cro0gkKR2j37SoTkc1Tw5NHerY32QiWjAFTFW\n7Qgj\r\n=i93O\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGVq4yflM6zte154oLrYQrJZe/VN9RSw0kZ/e/tcbh7tAiBQA5+7MuV95vi9Tp1OOYcyxqcQmiejQOBF4ocaXohGVw=="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.43_1622821334646_0.04403061037246081"},"_hasShrinkwrap":false},"1.1.0-beta.44":{"name":"@spaceone/design-system","version":"1.1.0-beta.44","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"8de8f8a427d84da17846066ea2e56fb9388e1880","_id":"@spaceone/design-system@1.1.0-beta.44","_nodeVersion":"12.22.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-9qU2V2eZchVcul8lzIlEoymKUp5k8Ydw4qBeH0ZDRKxcwjSq3XIjcxXMEgKK2Lh5UsoVtZ+tz1zKt6DQfI8w4Q==","shasum":"8446ae7e38064c1f1ebaa45adc202b7ab05337f9","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.44.tgz","fileCount":1038,"unpackedSize":67807944,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgusM4CRA9TVsSAnZWagAAgTUP/j46/hrBDgXiwWS6w9V6\nXskB9NSFA1bPLwNj3D8OwtmBOQ/noJh9kOyno9AQORUbAUUDHWR2kilA76pE\ng3CMNWhA3LwxqOz3Z3gvNP/gLkf0j+S0r92P+mGFmklAmJrsewPTY8VyB0ae\nncmvZoREN4BY7RznsirDPpkgvzb+yjiQaOmRiEESQGmVFIunG5IylMz+QppS\nZY+qfLFNmAuagIOpitTFcDMVHUYDZU/H3qjLl/lTWoQQaJc3NvUF4Lt8LyLw\n5pfphb9zKBDyANxYxb6SJhXgrnAxAOV6JLHZB1oLdvvKOucOTpSvyiKUbuSD\n1t7GTe0zDPjyP4UeWSQTMqJr7zJ65QkY7cfGjnVrLqsgqyWIQvVhM1E6e8Ci\nFVw0xQgB0Si+jrqkk+ogLxVjAp+4tKqP/V7J8kqdwIbiUZu3JjIyFni7pf6U\nPS25mtiUiGthREqplaKIzcty6a8h9H3Xn7gzzfJLvaoDIGZjb+GhrzJKy/pE\nQr/zXCBPiParUZJHTneMAN4ZbAuiTNcKcLJ+RgUEWisYsfE541qTxalT2mcG\nT4oPZ//laFC6+rhN3cV5VH3IAVJFses5i3Wqhu+hloEm+nXEQiDC44jDTgkp\nqjOz0xg3apvRtW1qRBU9vO+2yWK4M5oBLr+VIB0FNGwGTLc2FBVSO/96g8ys\nkAVV\r\n=gVSn\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCzSYBdFV1wwaod/PZSIXxEloAl1ietYbTonhxkVEV9BgIgQXRw7NE5Mpi/U99tR1CuZyvrzvNQ711jN4Wq6zlmMVM="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.44_1622852407536_0.4871877731739165"},"_hasShrinkwrap":false},"1.1.0-beta.45":{"name":"@spaceone/design-system","version":"1.1.0-beta.45","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"721f6ffea186eaab4fce1aea87b9efb9c5ce35fe","_id":"@spaceone/design-system@1.1.0-beta.45","_nodeVersion":"12.22.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-52t+alAUDrD7YIQ9raHd07QjiJHUdILGKExU1KDMRgwG2VF9bz4P/HiQbrzxc2ptf0ymAu9RLRasZPKclJAgzg==","shasum":"28a68726f435d153f333d9e62f1eb863ed3bebb1","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.45.tgz","fileCount":1043,"unpackedSize":67840677,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJguzA0CRA9TVsSAnZWagAAA3UP/1HViqjoK+hn9NeXQC4C\nmTljz3Lvl1UeB8Iu2WpVyi72uCLUHqgMVNSrVnsY5TvyJjnnTUpxJTIKrTwU\noMZJ9TkMiqaTS99PRIXx7WDYpknx4/Ed5KSIXim+ALST+UoLNug8NSeojGqO\ngKnO/LMFhq6Hc65V19g0Vz2Z4c9Z2F2RXuEdJcjMai+HpR6k4XVGzB6L7VaH\nW4uk66l5z5JieTCYMSoAlhob4auFS/ewGazkuC8r6j+eCyykc2kiQNl3Ysll\n7LRXSVKKQ/VlFDqXyrtfLqXg0MAv7L/voZ7W3qP7wMO2Dibz46w2i8j0ELVW\nn2vQidEdUIFqMiyJ5mOaxlkguCfkoRXP9hdAG1XeWJt3kEteHNc6i5aUczX/\nvEunRiIBoMfd4oCs0rHia/MZHxTAsqYwCtlNgRUFivARBPOcq3W3keXugdYT\nAZ3N+4UrDY+bhNJXbGZNZBaY6GYuI1qmvTCQrBX6HEBEnkLaXkwovCxkIZjL\nLmnQxwwlhQYKeyv6dnOA86NLuYIt4CqY7xz1ZYCYOs0TW9GLXqzHML5zsf5u\nkRue9yk+e/6XGYmq3zKPPwmWicpQGxRlsd9swhivCSax9xFtTSn6zDhllsya\nbMXTaNecSMCAacyqiBMPIUxQcXungb/b7L8Sf4270JfVtQ2bZhfehj/SL674\nWIVj\r\n=zBvz\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCUCw/hDhlzAMURKIHWk96yG/VAPn2smOctBdrXis+c0wIgdZMntmcnOPPBmi6sn1bufUbYsHyb4jFbcHxvGLc27Qg="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.45_1622880307973_0.4598573294092063"},"_hasShrinkwrap":false},"1.1.0-beta.46":{"name":"@spaceone/design-system","version":"1.1.0-beta.46","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"e9bd36a79255f96bfee141df3f15fad5d922ff5f","_id":"@spaceone/design-system@1.1.0-beta.46","_nodeVersion":"12.22.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-SDWK8aKwOCGRF9VoFgxnuKxcuWdkMrUqUwWRayP19abGS4HfkATr6A7bWu0ME3qpVAi7QfaW15ONFMijG/d5gw==","shasum":"cf6dee24666e71a1960d14fe6842f799be31a4f2","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.46.tgz","fileCount":1053,"unpackedSize":67834420,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgvCIBCRA9TVsSAnZWagAA0SEP/1ltIT3G9UWaCLSABzQ4\nB1unwCngCyduGLCsZn1KnwkcCRq/Ocf0nmzLG9f14mv6nRtHdLliA6EYtUyl\n2tL2EzOU3lk/1n58WmTEONQvK4Pyh1XjzySIndpr5tnvUJyQh9qEjsBBGjwM\nYb0burwKYX66VjhGrtkd0NhRmmNVnhjWmVB/q8s3xYIW9r+EORs6BHn2wywm\nIWKFcL3I0KLKEZIbDIzXBgryB5gx9B9+kc8diQ4mgWJE1Nn9mncMc9rgsuJc\nJ01wjWSupXAhq1+c/AqJOUHHw/XRSiu5/f2QaTthbBOvwFKi8wqixlruvMs7\nHY56wGXhjkqCiQ648f7dRP5OBeaADAvZQLoQyHSQxTURToh+/H1hM8YHMGhX\nsG5Cl79jXy5SRCAOJii6pKMI2RQ/Fel2iJ3obtxNr/1MSrcPTWJ1WNf6wZ64\nNOV5JhXFYrYXI7xX/KFLMaPD0EidLIZUE/+GMhDCxtmehzqBeKU1egLxu9JW\n2MTFCrSNniKCxK2FT4CQpDkvj5SUgZw49uSaRQAiB8X2o+lxTq0b+0BdboMW\n/Ac4C8SI3W3nhlNKuCJYJl+ecG/NzBOwgv+9ECQVDSmrzQO8Mc4mN+8Cixd1\n/0ue7Mn+iyeB+UwQXZCBDWqyw5BlKSA1Wx+sGd6149bVilbuPbc+CzJMbVze\nNZjO\r\n=TSjT\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFRa4VfJhBv53PNkYlkH8FJ8RZYd3UIdw1OoALbe68BUAiAn/v9EVN5sUI8BM8WebEFyVbBw7Ig/5d6CQ9ZI/kPJzA=="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.46_1622942208254_0.5658012119899394"},"_hasShrinkwrap":false},"1.1.0-beta.47":{"name":"@spaceone/design-system","version":"1.1.0-beta.47","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"66154bdf21b0ded9759abc96799c2f135fd68330","_id":"@spaceone/design-system@1.1.0-beta.47","_nodeVersion":"12.22.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-fCY+ysp7cIhA+PJlgWAJm58tJoDIQURlpF+2AXHLdR7EJ9NI/dNoIKmYmQB+OWu0VxCW5kC+X4I8w718MvIehw==","shasum":"86cff0afad43acc5d6f5e8222298896e419c7773","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.47.tgz","fileCount":1058,"unpackedSize":67905273,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgvb0lCRA9TVsSAnZWagAAWKoP/0cKvnaw5dqMAkHcLnWB\nLtn8SvUazvphbjmBA0xtq9GUtK0ZLzQPQ9chd8iZpQ4G8vnIHryBKyEbSAEY\nmMn6G9A0nyREVP9ytFh05jqb42B2KL9nSBb4QY38SxhIa73YWlavuiOEq/R6\nLM3ChjTuvyng6LCTwOz/iycClw+9ZSegPbN+iiVKMCAM/+vJFsbjtHEIkvc/\nYLqElw0Y4+buImPlNFyG4PebmbO9Lg1ZpZHSg5VO7qNXHhVx7MS+o91o/afb\nEwOSQrURBS6FMnE6IRExoiD0m2/C/dH03s4QIqAMWZdZdG33D0C4sleLsJJ8\n8itWmmONTDCOK2oKNcs3VRt6KHsk2dehynfIhbCO0Hb6tTUrvTfU8+cIW+IN\nToG/Yh29essGCNhmggmtG4QkoS9Oi5h+AfJxpoG8G7xDHCY7vSm3nazCbm81\nswVhvYGjYYmI0BW36h0JHPD0dzqOAxYokc5Sm8fdND8T957oPPZ/xzzMq8HJ\nofwXop8y9GX2ZR8J7NCLjDo0KqibVzHgNIJhv7+mBR06oihlngKZPYot3uAR\npa3CV+OV5bcseCNFziJ8OQ0Jlm0XAB2pD4sXblin7RgfQyewfPTgpfoYq0zZ\niFERkxOy5I4z4WWigIO0CXtdHDCcvDnRbxVjJvUdCmNtqDocHpd0mE1hUjZS\nWw5U\r\n=eqgt\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCID+VXwys3DBqKcx1BRt//4w+d5Joo6o2bHknyCtl1MJLAiEAsAlZxV32Q1qkycxL3AbgbAzB6Cd/uidbxZf32QPjLrI="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.47_1623047461258_0.3897643570258271"},"_hasShrinkwrap":false},"1.1.0-beta.48":{"name":"@spaceone/design-system","version":"1.1.0-beta.48","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"0b113a94d4289086902b0c7c1f07f5aa698b4b2e","_id":"@spaceone/design-system@1.1.0-beta.48","_nodeVersion":"12.22.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-oTqSZ54nnNV4mA/avg1KsVtKr2E7BaKNJiY5BiD8W+buzN6zZdVGhsDsdeDGzPoMYYpumVFUw0Kdl33tEmO8ZA==","shasum":"0442879ca4ca37c71f64d7cb2f5fc7410d132ac5","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.48.tgz","fileCount":1059,"unpackedSize":67940035,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgveZ9CRA9TVsSAnZWagAAd+AP/RyLuljyezD1anD0QvTO\nKBV6fdtG4PiCQB/8rTlvK5PBwtme6+Y7TmeMg9gJi+juatqctpKC7uJokjj2\nlU93khoF9Ej6ODh+fazn81Fgek7wjgq0VyvcEjmH8xvHqWSpVrWR/WOaNoEo\nsLD5kneWcE8rB8Md3PBhHiPaNOjoJhMvAl7pIFR7DNsRyWJaNPX38U1AqCnu\n1blrf//EwUKFaPvG66lC82HNRTT9FQw/WJq/U3r4EPldgVzlCztelLP0c1wi\nx0hqM0uB+fbdjFqR6uRaIH29hnrY5YICihi0pgwjB/4MhxyhayKb+jEecyaC\nfe1QcBzGiKCXzXU0r21uFcuynVvqTeYHtF2sUPVERrwtZyjz4QvaOaEOH+AR\nWKPugN39VkfX3HPIuW6GpK5wcRb64ZY1Ta6RyLw9eAfUTpEwYay5eo7gVrci\nrYXEiNkwAVzBxqWOPg9hia/eRYJLVhdGG9amGKbYlUuyapj5SVXTwD9Ovv/7\n/77ENe8PDkg4Sv95tBFzZuLkIrhtiv3SN2UIeml/8ebVQHUMUjeLuYT/KHAA\nrzmczi7DQpliyBNpqRC0xJFbKzw4uP6ZGS4Ai6+xvmB+AtLZaQJQSSjEi4wY\ngGBSqRq+1helWYx9pH+hLmUvx2sGZJO/fDnqCrI35jceKdBq/0hsRvCtwLrG\njeeT\r\n=kygx\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICvrSoQnjtlHxRHPsVoSD3tuYkfheB6lMzUqK0qhlJSyAiEA9nx2GLsjxII0u10Fyr4nKou+LEu0MxnIPwjkO6hRpVA="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.48_1623058044580_0.08330555012386065"},"_hasShrinkwrap":false},"1.1.0-beta.49":{"name":"@spaceone/design-system","version":"1.1.0-beta.49","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"28f05e7d6597c44e6f016f7abd7806169717ba62","_id":"@spaceone/design-system@1.1.0-beta.49","_nodeVersion":"12.22.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-hflZZ7QTlC+4fEVLfvPaKQBTmryCVmcKgFrt5I5cr/ujwARd5dxHBrL7XMUVcs89lRh+AGjKjiAzEdXgcoEiNw==","shasum":"f33e5bfca4592ff68c7197c18eb41610d63fa8f7","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.49.tgz","fileCount":1064,"unpackedSize":67804210,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgwDe9CRA9TVsSAnZWagAAqi4QAJ4SNgcJ8v0Nbk5J5r+Z\ntBzSVTG5DDYw2yxN9Exw8mcC8lqV8CzgETkkZ0QnqttBWpzt/VgAB9ZMu5J2\nx7mJ2PmRUwHtiaJRtD5fQ60UdZaKDABGas9PWmAQZv0xgYAXJZ8Zxsb63hYs\ndBrcGB4YP0JSwIL8TsLrwLv81uUGKap6ugnAsGrIB6fjZ/go5kpuhaHIvY4w\n9ZnJtdthNkvrmNtueuF8pOh0yBcM2cgHjzuVnMv1IqZJLY3zqDv4lKNkZRGL\nO4rbFhm+2ldgcLVu0UEFvqpzX+ugZQxna48tsrPVy09NH/DSjf4ik+nThF4A\n/7V7DmI4Mzd1JsIHNGXt0QZoa48kUd61jFryDDUmrza+4GyzoyzLuLIdCVrL\ndpPfDsTakQZXcQ5J8B7uerrAiXOJxkTeZJFJUgDWSPUbS+t+0XpXnoWP0Hij\nOAw9hDQ2SJ2nyvs3HFQSajK3NhhbIVddu84g4ascbWSLUfQ6lfP+1YMFdljz\n5SsazyC0oIQ+moXzt+qZLe6O4sEgZE0R/W+QsQB7mAHsrwv/nq4C4L61FwgG\nwSOESLDkm+700ZMX0lY6yT/MWQiXxI7eL6e9++WKJJ8U9I8oJWizPZB14Nvy\nuERWKev/s7Cq+Chy3w4zlDHLcfYmbuAH5mCKKC7bempMC47Z12oZ9dokEJb7\nDBgz\r\n=zw3e\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQClqlDvPQM+V6bACNDNHoi1F58RYmRO6x68ihygZWBHwwIgVHn3qXRW7t6klRP+KSoA6oXD9+hyMumcV+UaOn7P6cA="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.49_1623209916849_0.7758249089983031"},"_hasShrinkwrap":false},"1.1.0-beta.50":{"name":"@spaceone/design-system","version":"1.1.0-beta.50","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"e93b3834ce8acd2587ae80b72ab9c804877b0dc2","_id":"@spaceone/design-system@1.1.0-beta.50","_nodeVersion":"12.22.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-53w6MO1jBs2o73m3eobjwTM6xml+5eJNi/xsknvzkJOgmoh7oln6R2GZXdsxrUa+GvjBQBZ9SOH2ne27VYJdsg==","shasum":"0f012ba765afd92f24eb8a4ca39b631eba93e611","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.50.tgz","fileCount":1065,"unpackedSize":67826022,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgwEnQCRA9TVsSAnZWagAAiWQP/2qJBs6LhNLtpNgQ6xEs\nhI6BmCdXUqQn39KchGPzTAdARWrjM7Kf0yRgx8ES/vCaFwSu84jJw7SOHYyQ\nNy59lWjqLe+q7cWhPO9Bcqk91zC9jJFpybaSqcoQH7Y6NsKVlaJPDS6zKtri\noHQtx2jvyCwm+5L1RPaRD7jqCAEr1L2RsDdc/NJnEiEiG/XsLlzHCGmSp5/T\n7GmTj5kQ6xicnikKtWRMAO4WdQzALITpWR/4WGDxYEiNPSYSKdpK6cCSvLXa\nC/967P2nTKK2ouV/mIwyJbyTM187Z/oiuEvMAolyAUvPp9c8NI5rJoct3tun\nGJ2v/tqQXNUvJZXCQP3OGZXabz+gXkKiK9ZZNxyM8KEKMKSdin1mi7M5Sh8X\nxfjAXBUZLXn5RmR0WXFlLHMHqW6U+JmSTZuQUfIc0nUbBl59M5pGcoIkO+Bn\nOS75bQbqoNYerf5i0BbxAhNwPlNQkaxJZnutSkS0mukvwdjPhPdgm93lukpj\n5YXzb07wVJ0pf/h0PEOXGmyD+dMQOc5TTGJTrE858bMaLvgxSQhF9KpMVYN3\no8TxGOkD54yTY3WgYAxZThGEUcKC5JuksOzkOwPjK+vDjGMcW5JqAZTcP3yM\nVPWMbwOHz0a/6IeRoSMX5WnPmffM1jRy3thx0HAZw9vrM2nv23u0wWtaOmKc\nusL7\r\n=/MnJ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCPtaqheV7dhOHlpYEkG31YXFSVAMyWGRaVzdgl/xsNQwIgJoT+CPpFOtfZg8Gt/G4CNrVdD7fEtB4D2qTHJnBdGl8="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.50_1623214543472_0.05121557809851973"},"_hasShrinkwrap":false},"1.1.0-beta.51":{"name":"@spaceone/design-system","version":"1.1.0-beta.51","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"6b832533204d2b083fe02f41e4b696618a1d6219","_id":"@spaceone/design-system@1.1.0-beta.51","_nodeVersion":"12.22.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-DudOawERzx0AMS8Yfoz1Fz3iuDMvkHa8I6EZvN4BPL4HuSLZJCXf/X5g+Tf8MARBrHc2qM7qIlvgBgBcCpsxYA==","shasum":"459b31ae1bc952eb72f6c9d0cd3d64ed7697414f","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.51.tgz","fileCount":1065,"unpackedSize":67828152,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgwFnQCRA9TVsSAnZWagAAAu4QAKMGbox2ljHzMrs7+5Yq\nImMcwXGZQPbv39RhxV5i8Q+F5MaRf/hct0CfhZVOVpiM9CqGmamx676VAF58\nINhTBPAenK72oz3VkjHCLB0oJYEFQVZ/bPgx+ZkZ6gin+oyNrO3W1aybsJJq\n3SejrYbkMiJhl1Egg9IYTMnWmmF97cJjL6RkyfNUyt3S6vTzt1RA/9V/JZ8f\nnynaJnASXiDVZcN6bAx2Oy3rSYEbmAINj5J2mV/7Eg3B7CzC0/wSkBJPWVvH\nrfCTk5oQtwRNGD9kXaz5uY/umN1wQaXCfhT5xKH3ZARLRsvAvEnzM5hhIr+z\nqKoZIDA9nh7YlVb2ponp4Pu3U4RzwC5U/q/Vc0Uq66275vvXYTVPqkg6pzSG\nRXdtuY3LGVSBfu5lMg22CTUyGGyxibdQ5VlFv+qLGO0v3M2AfV9ytHdZEAVI\nRd5t/l5CDMzp7MAmQw8nuhrtTZ+6Lema64xEZ2gCMIcX83TyZNOGLJZ+J4Pg\nfexrTmE1mW77FikR6caT2jJCw1iKg1jGq0Y4LXGCcWSDKCU/0DrhgDtrSwHb\n23CD8zXmNCa1kwlAPx46fuJrBFYcqH0DtHBO4SMhKkmRUV6hRt6r+m4djo0B\n6JE8+dmGt2rh7EG1Unpx1NwhmrClqKxqwMH1wKQ8updzptZdkz1zZX4LTzH2\n+ezn\r\n=KMhs\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAihxVpbU78L9SqXmj4E4E3Uqga3Me0jLNJLAfShdJRyAiAx0g+D7R8JaMcQvLJAg2F7rP6RxeYc/QLLpGhBgQ7UKQ=="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.51_1623218639675_0.4232599852380381"},"_hasShrinkwrap":false},"1.1.0-beta.52":{"name":"@spaceone/design-system","version":"1.1.0-beta.52","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"8162ae02f817bf1f762e3adeb7646918d881f359","_id":"@spaceone/design-system@1.1.0-beta.52","_nodeVersion":"12.22.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-N5vq2yp7mXFCLoeDSxwYbphcTt3Sje8CtcdJerY6KKlxMkUMWZh0IrFuBTs40TXHbMJRyaHvMrG+uxI+wlKnDw==","shasum":"18d17fe67b426465b6309d80d7bee8cbc5938423","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.52.tgz","fileCount":1065,"unpackedSize":67841146,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgwF21CRA9TVsSAnZWagAAViYP/2c4WjdrlcQ7jaIOJp/Y\nGpfyehfvqbtJ7+Drf0Mf/hg3rcLcp8eg5LwvjcsRsKJ/Z8LWJAdAIgQTuti+\nI6tgZiYOvpe31wJps5uVGnFUne6rWpq2fSuYwcaqdTADN7YBHEnf3mHYf+yo\nwGSqnG6j8yAHKDJ1YIxCsgiJdeSLTrWEBN6lz6v7EgowEYuJSj/e2RFFpq+/\nCQhYlCLSZ5xpHOQXz5hB1niVNu/oqkZtvDLwH5oyGz2+m00symh1u+hWVX2Y\neLeP++Cf5L0a1utSovSwKmQwjhvBLj3S8zshYlFZs0ZowZtd4jBafEkZVgWq\nX8S1MVpEwwHDVec9umyuGnzw6l57hQkbwWc10dZpkIzEYxcAwioj8uyFCQPS\nKi4KHQ+vCzoAaxGLZqivioLG5i90qqFmKvxhv5Id6iManVOlZzG5cjhrPdS4\nzMtd28KdlIbj85Piv5o37bDyDnyuqlBaa2JSzsysUCK8YXRSnSzIkgOOGhqk\nQ1vAizqt44EKBvkfwx8PRSVSdEcojg2JovqIwQNOI919LAY2d4YYkaEHhQTr\ng3sMEga7MIYu+YR+S8g0sVVbL7jkq8XzzbkPSiZuzwYbegnYtCskMaC8v74v\nivVhsPFgGmfhtF2k9oY5tYmmV3NMyMzps7KV/RR6DcMYJUL7pYnHDLnAoxpQ\noBMK\r\n=/r36\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBaj2pGmKpQ5FwpmaSGNMaiCr1/0+ep1myTgKqV5q2QGAiEAtoVo0o8jc3Ig+OTOMLTILTCm2wQk1EzQ8cYgZpEghs0="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.52_1623219637319_0.2582345306742668"},"_hasShrinkwrap":false},"1.1.0-beta.53":{"name":"@spaceone/design-system","version":"1.1.0-beta.53","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"d5e3718cbbb17fceca16bfe899a691cca9240dff","_id":"@spaceone/design-system@1.1.0-beta.53","_nodeVersion":"12.22.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-w+BmKHN9RswxplgkJOXEvGXRFfgusY8Bf8M7E3A679ojGV3UlXo9etMOQrOqsC6q83X/xEG8QMgTLcLP49muzA==","shasum":"3481edf90b8c69617326d926fc67efe3a779ae1a","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.53.tgz","fileCount":1065,"unpackedSize":67841146,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgwIgGCRA9TVsSAnZWagAAmCwQAJjgUn5HgQLofQGp0S4g\nl9ZyBIw2GYZH6dMscyTSKd2S83mdLSnApK66QuOnI52ESDGWE2Qyr4czMJFP\nw1e5f2NA5mmORyeMy3X0akNlSRdtbzOYjX3z6aVD8sqoUbpyc39MjKJsPJ2g\nWkWKuzm5hSjkUvCya3tKlF+zWBTfNkQP/fi2zMP9ywJZps4h2ygDI7YnGqaT\nlBgTt+QvehtclKnPc10O2/dzMme9+BXFuNjY7z4ARJg9b6BjyRe0tfn7pztI\nRIFUdCkHmGS15kceSK3XEau41MUgt4Uiu2pxEIS040ERKVhHWN2T6PfuONBp\n/CgoWOZFq43FHw+Mvl6dt7hxMwcJ4zC0aM/LHIdfDRwfkeQcyQqgKmuipF0m\n/3Dp+bDTPFI+aqNiQLYG7DFy5e3F4L2vYxqUia/2GW/S14PG3q18llncAHVK\nhTwM6KoSOxxNxb8xUSAtSLuIPnZMwO8hwiXZmDDzX7I7eXHKxygzY4Zqffu6\nALFJpE5mhh5tCc5ZKWuT95yambbowRLv/wDMesBFplKU3zMEzEKRp0lD5hfa\nTaFKCA2IPUjv7WoTYptvL18pHcNx4NCGteI+MPlceprN2KQqE3qXDkLjQS5b\nJXfUDIplkAUFXnbGM9js4CKbtd20XK9XYDDf2qjJOl/C2c8LCjdJuEDFBGdl\nLubh\r\n=5tlr\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCE0t+RO30Xhl8J4bdBw+D6O++eb/WSb3qCxVM6UvJvKgIhAPiBc6EOiZ+LWAxiVT85E6rb++zJNdJPvcH3daarUu6b"}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.53_1623230469509_0.3969066677167139"},"_hasShrinkwrap":false},"1.1.0-beta.54":{"name":"@spaceone/design-system","version":"1.1.0-beta.54","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"2f9534ffe0238bd706b5b5727cb14b5c02f68c1a","_id":"@spaceone/design-system@1.1.0-beta.54","_nodeVersion":"12.22.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-84bI59AVAjjKucpg3JAuTJObnfBqfFif0V62uOcbe4yxClMGj885MLj4+RyP2ZeP3xX+PU2VZAXm6FR5rZvv8Q==","shasum":"c9696864e1d9e0703de8b8734814c8479c26e959","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.54.tgz","fileCount":1067,"unpackedSize":67844968,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgwJqfCRA9TVsSAnZWagAAC5IP/3RlvFFu/VRAoLWp/kjQ\nueJKkfQasdCNRNe2l9+JOqlbYUvsR35GaYNpSLqWL8PDuIM67cWs6pOKV1PT\ndn0jBLS6S93+9cmHnyIEMeCwnifyxg0VVqTljxRKsUPJothn/Nie5GA0MXBF\nrTrFtgRNX9r0Ny6gxiFwAKAuQsCuDBfIQtBVrwPMxWTYwgUVMKEqWGIzlMw5\nmJwyuyQJnlbgrocgSo8AVXtsN/FOxXQv+338szgzVJh0SrxarFv58/cqQ5bS\nNmQX9xy5phWxprpY2eLuVu4clb9gBuvWdB6JInDz8XpJtpP0RgmNVJP3710y\nyg6xV0mS8AWjOBibYK11R3HPDhI2PFYmyI15SZ/j4onlLeRd0g9msCBkIqog\na4/B8vvqSuuWDLr0wnQdWAffigeDOFcfaXxjYpui1UACN0LtPusjtV3cH5+J\nDZ2K6Wz6coPGzjKjSTexuk2hRjNjYUvrbJ0VmthaQBT9CwYG/KdQ2sbKFG/O\naOToXFyERWsWCTDUHG2NDQ0RhI4ArYsz+OXe/rzxMRScpSgSBmtTyJJZvPbV\nzHW6QhlSQxbVfbCehWpZmqAuFnWvcGF1wxou3rzk7Q9Lk7UQFqsfGMTFFcFl\ntz+Y7NnxiSo9QjEu6MMEf0Jrq37IfRKnbPBMYnTx+wVTSqRusV5uWcTLBsJw\nq5j+\r\n=q/jA\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCIHhPeXf2g/OK1MMDQypf8r1reHbSuwDR0SnV9ihl0oAIgI5KJVIzgT8EqBjILmYwHBq0cGnjJJLLeqhwG07pFw+Y="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.54_1623235229385_0.2804854993355015"},"_hasShrinkwrap":false},"1.1.0-beta.55":{"name":"@spaceone/design-system","version":"1.1.0-beta.55","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"25a8631879206a0f95c8217c8d7e90e37963e0bc","_id":"@spaceone/design-system@1.1.0-beta.55","_nodeVersion":"12.22.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-qnvaMfogtRCS/Ml2pKNYMswPo1VBYc67ZWK7WUhTRQl2sv8lfZtu+CjGzB3ipLnfv6GNYQoKG0mlr0UOjKXxwA==","shasum":"d55be0b8aab61a94daf42a529acded20012e8383","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.55.tgz","fileCount":1073,"unpackedSize":67865727,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgwYg5CRA9TVsSAnZWagAA9qoP/0I2H44QrG+UCqKukok8\n1Gh+U7ZFrBsWntCeN4P9uIUucK9HWRlffTRGpsUOkV9Xs3HiFOVM4u0kVRaR\nToaMd9OYxhN1+WBhRWdvWIqHO4kfBKwMkhxjBehOwE0GlPha3NLpjj3NMIpS\ny+BGaAv40d1oCXF4+YKTtcxbI7zh/sJWXpDZu35ZIy2CC/6HEZsxfV1xuN9M\nEfrW8Ul6lVOS8RnVYsKtOyY6dkiN8DeU9+xwcd6PUqjQ+Q7K4prBr8MzE5op\nz1lMLDN348FIV2pvidYvSHnUzNQmRZt+CAfVOHJC1mad+yfoH3/7LB85TYQT\nWUSfxnkINUkBPjZOqUCuqyI090Ccvjaj5XqJqn1WRgdl+rQMNe0l5QcZoaRf\n2FDJrnvttihqhSNDmIJVYaI1uXZeHcdB65yxKF4IK0A7DZtHFv+E3C6uZvWU\ns4PpgxxasSl2xxOC8k0TgyJvpzS54XDscHFfqFvx+ul1rEeRfjlkaj43STfG\nZd0XK0uZYRkZGGdWY4/ObE8MwlzooJJSSqFCnFXmHmfoGTreF7FiL3Gv0RW5\nSinfLlmsybqYHB9Jl0WhNneFoH5weNYyUkEuQ+VZj3uMof+W8Wsdx8YFAetA\nXqlpyO8mEJm8U9mdOwc4dyiz5YqdHjaSQiOkbz60RIHV2rMz+hCCvkYSyLQO\n0EyQ\r\n=2s0n\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDGtejwqBAQC1k2sK0XVguaxPSSOpeCrJuUcq6ZKwdS6wIgDaWDV7vdkFGBxRkY/Xsla1YJUA/eMdkXtt57XYwRkqA="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.55_1623296057022_0.5878921134303283"},"_hasShrinkwrap":false},"1.1.0-beta.56":{"name":"@spaceone/design-system","version":"1.1.0-beta.56","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"590e493fe863f36201fbc2cef492988db46a3171","_id":"@spaceone/design-system@1.1.0-beta.56","_nodeVersion":"12.22.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-ktKFEt0GGJAEnsKHhQoKcp9xSPDQtQe6ZU6PdMPflqRmuK/bBOdJDJs8FQCJfiVGH7ht1avZNHKqLW8BF1zeXw==","shasum":"bb5998a419722e00c3e60e97f6a332631c75a68a","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.56.tgz","fileCount":1073,"unpackedSize":67868691,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgwbTGCRA9TVsSAnZWagAAykMQAJQ2HdOx+lrqrHRc6LuA\nSn0HWWDh8RtndqZAhVylcuuZ0w+8gMywFhc6KvI9aY8DOfgJpnOlfMJ8c+a1\ntT9pir41lrnDwQQlaHiPUD16IvxVZQmKWZCHIxwuv57z5mNgCQLFzFg2JY7j\naVQ6TNq0TUL+aomNNdQqshNB3mbeP692y9KMVV76qwKqNRqZ8FvOlirW4Q8U\ngBchtLMMHCm0EIU/mPkhyfPzJGN+n+4Se+2VcgAw0lJEDQxys9BuMgaz/8sw\neOpDJD3XsYoBkD0mPAxR9ENfeAQeodXyJK6SHkFC2ZWLclv9XKQzoFkqGqC5\nY5LpU741xuHyU0unxsjvJIygpJbKZFXeOkepdIajQNGGqn4j0L6pkF9Miu7i\neTYArZAtysvSD6vm7ynDH+vNoGv2U0sYcVp6gYFDxyy/S0TT+srcJxFzV1br\niNrw4m5JWjSeadosjHIx4krCZbZk5XXdxMJsBoeHCUwPfyFjdMf//7shaVVk\n2W+g+Wpa43iPPIjU61RFgiYWd66aHDFO7M5yZAOrTIFw+ZpBULl/slrmop2K\nMa4V54Wbu7OBfXTqLaPoHR0f4eQeoCAm2zOf/3J8GbiU8gs5081vm8ycu4eX\nHiyBt9DVZ0iPcEWP9NsfLHFJtYpN//nZF3dMW7Vu0aRoaEC/9a7ADwpF4G/+\nGOX0\r\n=xWq5\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDDHj9eiKv5ojGDRyQ9JBmDHQcWmdDKLSIcmfBaXHdOZgIhAOP8xf35M/pY85pBLkSQJYpqkxijHnjMVoBU2jHtnvtu"}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.56_1623307461534_0.3629260414202262"},"_hasShrinkwrap":false},"1.1.0-beta.57":{"name":"@spaceone/design-system","version":"1.1.0-beta.57","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"9ede2fda083c5a5fd581cae68193c86a99164169","_id":"@spaceone/design-system@1.1.0-beta.57","_nodeVersion":"12.22.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-zdW3f6a0EE9YAIGMCPHRIQ0OCow8w2t16QQiTTXbkx2+srPNznvvOSD3WVCUpWN0MKifWU/vMkVjZ9ce5R8gtg==","shasum":"3e38f5918f379b4ecfe7cf7ac62863009ce2289f","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.57.tgz","fileCount":1073,"unpackedSize":67868855,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgxu44CRA9TVsSAnZWagAAWV0P/2XKPPguRTHejEwgQZnG\nHKsC8X3pQyADzDPfcm3XZUormKFgm40qn0eLTun9M1NGBbA6XlnKKLsXZziJ\nOXppGCcRM2jr1wxUAjYy5EGoG694auBu5+4Mdu9DVPeeh1ETjJn1KTeMrUhq\nvbtx6S/fCk3l68QEFx06F/k7e94ql8SZUfyZtQzash4yr+H77dr41Zfqwy78\nSeVZMzjTjQxBTV6Hxu87OPRAr4NU/asM7buOHc3Qlxs9IOpkPdo5NpGCQ7i0\nVcg3T06k3DDtDPtmbTQIHvZl9PO6CQdPRSWMMU8qqzt9JMn3ZSW6j+RKVIZ2\nFMXw5AKyjl73xG4UOMoDYDAMjCn1nn/QUHC0/izvx3AhWOb4Eue+cPuKcTaQ\neUwe536GXCa7XgBImSVFIUSdyTgOrHe7vUGc7UGgXw9TZ4y4EPPyg3j8eqXG\n13nRJk1XeNU3S49IWDu+egOGZvMHiqq234/Ld4SJvDV394loelhf3PvCkUVP\nb2scyaVGPg/Q8oq7paIpAC/63NpdTnlTe/ra0UhXNNLlYzL9oo0O5DrP054w\nQ7AOsiAWOhDCV4McPzY7jGC7tXut481pfr5B/gT5KzqTtC/U21YBEge4gviR\nV+neYSiG7k1BGmnIz2bSx5/podXTovirxMIW8qYwDnnf55D9cU2GTjvsAkZu\nC042\r\n=1MCW\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAyDWkiNBknHYVh9x9huhgy58S/Oqp1723CUz9+K49yDAiEApnROiZmUjTNxYAtVQuBUiQCxhCn1FmhH1gaN6L5FDuU="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.57_1623649847568_0.6609245147680134"},"_hasShrinkwrap":false},"1.1.0-beta.58":{"name":"@spaceone/design-system","version":"1.1.0-beta.58","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"b017c9d97c5d96a1990a4fe9712081f159d6f2ec","_id":"@spaceone/design-system@1.1.0-beta.58","_nodeVersion":"12.22.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-MzLXVWs6UjA27BYCRSsnpmKFL5X7kvWn1DyFAjR2fD2n8aVS6rtnOGkPm9k+TP1VcSRYmr22uLmONMLh05hifA==","shasum":"624b5fe493145d8cbcfa95501454d689703954e2","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.58.tgz","fileCount":1073,"unpackedSize":67870643,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgxvEsCRA9TVsSAnZWagAA9bMP/0iPOWKmIbdq+k+IEePo\nsWFBUbQHnDwmndde9pcOIsOsjbuMIKakimADmJFl4DbRZYsoPFbK5N9SJdQN\n0zlwQ1thuZF/j+EHyDUe+yZV3ON5uePMXmeocL+V/N8UFFsIsLVXT+769Mvy\niQzuzBcLjMl8KwsZJ3O1X0C+uhjICxmftSqhX96iHju3k6TbiU71ESC7CpJ1\nQ8uzgcVEZAo4Bfpa2pVwd3v1sngQT5USnDzXpX1dtVXdpzwCXbOYAeU9/KJO\nepBMH+TtfJKi8KLzgD+0FLp7S3N4thXq28lPW5aaK+3Mdj/80jLQKIX895PU\ngxOY8CVHsW/rZi+mBdatncZBX+FpUJGy7/kW+O95/NZ44y0a/fPCXVxk5T/t\nHM7oejvtNB9r5tsagGwPMCGL4IDUWAXgJk205HJQx8rBAPDVLZ8JseFfHO+V\nl2pw7MznY9wls9Vk+JRGKx2I3SK1EbY0YIRrrcWZ4iTJGenG+s/Mne+YB8rv\nSeWiAoZ0BTJpsRqrjZfvX5O0szsYHLlJcks3W2ICJZ9h6oHwyUxx3ovvmCzC\nUWsSt24FXmRMQjR7mAHK70sZ+YiP0deIkzWBqPJV4nydNzhBr/8e6iCI0zQl\nkGsmTZH3tkN1ooKlCnPmQawmwNjAHRY7HiYVMKn6WKOIXCVnq8XI4l1nxj5a\nKgi0\r\n=Do7S\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCvuf3AkRhGNEnYDNSvRsvNrgzXzz4l1rt4AUVToNAMSAIhAOs1Bkp8Q9m4G/2Nxvb28RhrD0hA33QBWPanuoK1ZX7+"}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.58_1623650604289_0.35737652007465903"},"_hasShrinkwrap":false},"1.1.0-beta.59":{"name":"@spaceone/design-system","version":"1.1.0-beta.59","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"c199e5bf90c892643abbe27a2bd9336f1b278b14","_id":"@spaceone/design-system@1.1.0-beta.59","_nodeVersion":"12.22.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-NB157Zl9cuaOhbfzIT7bVjk5sBXw/XlSpQ26Ejp4uTuBePX4kyfmCUbxBrxsI+dnerkvBw9NZ5eSJ/r9IvMihg==","shasum":"04caf344a397872468f654632c8d60a9a607c4bc","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.59.tgz","fileCount":1073,"unpackedSize":67870859,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgxvygCRA9TVsSAnZWagAAZ/oP/1L+s4aHu0igCzIzu5lY\nw5CtfPG1H4zM2KBaVZf+/MTCRlRADxRUuAUL2tLjDWIY2U+0Js/8Zd2lvpvT\nMmq2VJ2LtQ/ynMIaXq6wnJVBMfv+3qcZcEnWEtjwvtz1z5zAT9eFsmm4Jlsk\nUaxKqZDqgEezZQ43w8VBIoCbGy1OGIXuTBtprVySN3kPTC/wBEF6w9Ym6IVh\n448qBmvRtnM90CefCbWJcnZVdimi108NmwEzzI3g6JJflUTEEkJ3CK3iMLF2\nMdChWrFV0/n1dBCf9UY+r5guQCuOGj+ecRA1AMc0p3qDi2OzFssiSELx3pC5\nmTCauq9rzwdiPvwL1Xv0mfgenyYR5j9/IRBMh6JSCaxHfLrhEDductD4k4A9\nVdzXQ1eAHEcTHLvLSdni9TF3QnP9QGjXb8Z8LoY4jvZAYt99nrxJeJJZD2yL\n5mZCiSCHiuSEqwPOidSxaFk+6FUYU0c0Hb+CD8hUNPNnWn8rsRhruqSwHGDI\n2XPOGX/KDRgETMti0+Wo+YuFB+AIYoNvKEODJ/2IDHA84Y3EzWT5dgAln7Tr\nplh/WVNeQ+s/NI24t1h952ni/EheWkJ/usLfP6UVQg0N7eylxtBwIkVX3lUg\nuRVUTPnYqq8e6S+0PTtHZ4TQ7gAx3xloUumGoAEHht7un7EAh+sUW8XCiYm4\nUnww\r\n=qRPs\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEc+QOCSpIdFvpBnzXSyaf9BnGKvk8FNbwPF20yqgQ6VAiEAmUgszXaaHEObDh4FjSkCH/uzzMrQcPcwfsm9sJhmeWA="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.59_1623653535357_0.04717556433915737"},"_hasShrinkwrap":false},"1.1.0-beta.60":{"name":"@spaceone/design-system","version":"1.1.0-beta.60","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"95dca1492d9b11a44085e2772fc3efac53149c91","_id":"@spaceone/design-system@1.1.0-beta.60","_nodeVersion":"12.22.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-XgiV0lKM1oXtlc+yvs72TQlgpR1XJczdz2umlUzQZiEoGjP9DBUxZ1KPVvm/23eHFD2bEK21gtdGi9PkOhxQHg==","shasum":"ec5ff7c77184cb8dacdcca4c19deee9a75152303","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.60.tgz","fileCount":1073,"unpackedSize":67930402,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgyBtJCRA9TVsSAnZWagAAXn4P/1m/wbLmapqZJL/X+tuQ\nwvxXqf3YFJcBgQLo31cYm0d0wKPkF6VN4vVX8Lmg+qmdVG99tCfFt9OYhFZL\nYV2Vz9p+tNJId29sZfUUDFWRwj/0d1FjS446qu44T+rL2ufPQ+SSvGCCBvCf\nQM5CZF8mJSOSoqvanTjwy5wA5ar4Wq4mns1yIetKg9IUVzHO/4wgrRaUSdnT\nGglCT8PkECa8OolbRkEeVW42qyac6f3+lfswwXF9I/voNpenK8BVsEbGrlrF\nQOSxUKYypoDthFhvIMinugG+Fa4y4lm/8Yzzp8VGweeZznsANZxktI4ma96V\nJAF5Bh92QXznCS2rRZ8rU89MJ+Hceg0Gau162Hf5aKc7xe5WeW3Blw5jz5sU\nCm/oa2NfIjdZ9rvApF1ZsvzVm6uw1IIvo+Hj5ZwanTOa5m+sWtKEO7S3CGAp\n2cAgqJRmYtPlu04VJ/U987c3zW78B2IPvYQtmH6Y6RemGf+Xi3uvOXyj6Fnw\nqSiUij3ck9ukDMU3tzJRxsDUJHACjHLvW8HZcJwSoZwmgNh3uhoERLI/01wX\ngD0rJG7ViT0UT/jLWCEyUTCpekjhkEyOFVn/zjyJ7lVM8/IxveOb1tHjCM+2\nNijryC/rcO7xmjfV8o3rcTq/PphMOOTUljNI//wMVIKGu4ecGjbgC81xqtrB\nfBtl\r\n=BwLO\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCimG29+uwUy4nR/FfY4KKpdCwbYCDcwdY6y++Dewjb2AIhAJM96Y12RvMWTQqncZZ9ReVpia8MBnzMPDRG+WAYE+P3"}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.60_1623726921053_0.8071717927535156"},"_hasShrinkwrap":false},"1.1.0-beta.61":{"name":"@spaceone/design-system","version":"1.1.0-beta.61","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"5cbeb7d163bd53f7d980e3e6b77286797af3ab4f","_id":"@spaceone/design-system@1.1.0-beta.61","_nodeVersion":"12.22.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-gDa3/k6WKPWl7Od+aUR/u5gfuAju2CLXycLKdsTEqr2H9OjHva8XAdxp5Jqi4UIou+XicGtOWMF3J7px1yXS6A==","shasum":"5db43172172cbefdfad00bc4880f727e99b69ad2","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.61.tgz","fileCount":1075,"unpackedSize":67941104,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgyE1ICRA9TVsSAnZWagAAFTcP/1pNUd4Ksn7KyfchFVcJ\nPjUnOr8TBzvGJhBK9303UJGtwxEGqRzAAj+pI7rj3do8hr5PDQ+lQAUZYKOW\nS1b03EGtp7j5CfKbGOlnMSQyNKMtGg7r5UiqtWc21RdhCrRoYIIf3aaRO16y\ntrJAI0R7EQ4RG3ZLyXvJ5hWtU3MlmDvB7kYh7CSMm/ClQ8nWhpKIijRTUVkY\nIXEBrAfnX+UVxUsaYt79f2fTELvHNnJt4Cy83oY9pisOzyrIxX1B/CbTuRhf\nWUSM/YP0OEYXVktMFKJO26pIfwV8ya2nY05QUyZ+KVlEq91T8/nOZY/UJalU\nKu5HwZZybA1zErGU/xbe73jT0SRuAekQCUJTwGy/54GwqW6JVhrjov70yhmr\nW547RINMyoftPbBAXE0sa1pxGgQ1gHaWdMFYbJzN0tpEafF+tZz/2JJc3PnW\n/cUpFKvw1YLNB1hhFNzPJPnhrJyLDliV4T9mEehqYw9LkjnbyNWw+lxVEGqy\n+oknFQL2KHOlAQLQ/YkHmgSdfuHBGu7ZPh5apr/KmT+LmLt+3DHQWbqp8uo4\nnVkaFIDAquMsgLBN6+Nng02MtAr+e3iwzHGbV600uUMhTF3Vh7ZN52oHiaJo\nUwoB6bFWZUwvtjMwete0IITLQeFM1PKzs19x3zJhsYwKIq+9A1TGezflZe3N\nzw2H\r\n=xNhw\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGpMsmxRuzyNFDCmbKuBFuj7gEAd68A9bfjpsbEfqYDZAiEAsYjdMZor28dj1PuUHYGgrLtzD7iIGh+oXwfbKWaenyg="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.61_1623739719785_0.9688018516252768"},"_hasShrinkwrap":false},"1.1.0-beta.62":{"name":"@spaceone/design-system","version":"1.1.0-beta.62","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"8359131774800ea669bd5c06a63a62342a299503","_id":"@spaceone/design-system@1.1.0-beta.62","_nodeVersion":"12.22.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-BI8LdUcT2lZEsLOvZ7KLHKXL15GWa3ECQVDNCW7sE1AIskM4A6u9NudpVUqe9eE2Wio2HJFzgeHVJQ0mV/JPBw==","shasum":"032d5f98a074e09c3618b57ea98df5e04087ef46","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.62.tgz","fileCount":1075,"unpackedSize":67943448,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgyUKdCRA9TVsSAnZWagAAlh0QAIJS5MXdz1Wg8B3fpJq2\nU946/MaPcfrLt4Cn9Pdr+ZmWalOmE59uMGhiurojxu6L0ZjFIi7ojmc6Gq87\nB724cSFwQ2VSeKOoOrATI5Wj5uGWokI4aBzPaDWVJzXOJvFQUgifY0gvHgeN\nmZFBG9606PaK6Qi6r/fvwuTXf9+aAvR6yIDg40ivo17X8K6L5yeXvYz/L6qa\nLjj3/GYDhbsBSZX/AFvvivaN/yVI5ZGWZX+Skh0EdnSNbhW12xUPHBT8icUB\nvkOeVuRV1YmPmH2TdPsk5fcGt/pGvXkHrCR8Je40XCKZqLRj94pRzpMKSnwa\nGarTzCR/u5NFflI1nMHkCBDpFk+2cVorPVNm6lWv0c5Vt8VhFL4IswNvYKqV\nUsheujPLiEwAZt4rkcwV9iFzcX6ekoruutusmut10iiw3YCkmknWZPdv6Vja\nZHdFcsvFAdvcVr9nd9/qUBGxE4u9YGNsyTioIt3c7frWOa0ruoPZG0XGy38r\nEWlyhgQPt1DhTw/Ch1/IsmevUotQjrFMzEbqg/lME4a5OEN5ZYM2cxhNI9IF\nSNrxJF40omptMrtCrJgLffkmuzvEcWDgLWupYrur8pkSRp0idMexwNuhpH2e\n11OFVgysDbY2lub41ofmELmhmMR9HR5lddwnf8GwX4t3ZrIF4sL/ioFoNpMQ\n1XzM\r\n=gZ7c\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBvrkKDK3UuIrh4j3G4GLx8F6LYPYEoWJyF4ogSNxZjeAiEA8TcqM3LCmAusuoSDUlRd1Mv74CE8UeDt2Uv2jOIx2jg="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.62_1623802523987_0.3102461577249951"},"_hasShrinkwrap":false},"1.1.0-beta.63":{"name":"@spaceone/design-system","version":"1.1.0-beta.63","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"fb7d2614ed8161780b6e5e9a24884829d50e33dd","_id":"@spaceone/design-system@1.1.0-beta.63","_nodeVersion":"12.22.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-LSQnHz2xIVn4dunDFnM1OFQgxQ+Wad5bGiJnT/UCWsOJA7zWCQo2CmoqUft59Bxc1TCutmburK83ng9wZyCRlw==","shasum":"52ccc38dfce66613e366d30a00648fdbb62bd952","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.63.tgz","fileCount":1075,"unpackedSize":67943270,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgyXenCRA9TVsSAnZWagAAkL0P/RAS6vqLpcAtXPNP7qXu\nikv5yv1/TYz1EjBxiXJpOTg+460GtCVkS25VwBBZIbrhKIr+UuL/KZ8ABEpr\nSixKGg9hiPdSJhksE4vBJG+0iyoCnTjuoG/2DH0wFT44VnWT2ysl5WOJDZhx\nOA8W6hIneL9azUyJJtJ1zp5gwWEB2WBUfu3mREFqdzHXUJN3yZyzFLlxS3GG\neVZ6osf25Bv++VpGVA+2d0rwnPXUS1w9UsLKqNoR1kT/3tEnV19U9jNf+zGs\nCPaq/aZjbjmeq/UD81XG2igA01rgGZzVvkDOoz5dRDGaYAMcKwgHyStS0b7D\ncT6A7MCp40cE+0IbX81RY3rQ9bkLuJXKMe1KW8IhvfTdOOd3RcrNKTyemcZ6\nhEFxPEVikJzlkx6QwU+iaUcZZBeEOmi0yr+4u8jKDvFLaFb2qmkIFF8Qyzrj\nbZHtySnDc8xapu0xKe+JrtWIvio7QuwswAXxaNwm9cR9p5c/h6kpqYTbbYh/\nc4vYasmG3dZuyKMckK5fb1ISWpFXVk8R/D+5WcIdePnKFCYSVK/xuUueyxmU\nMZfhivUioq23khssQIuNnNWkuxTTgMhVLkCozuju8FiBn23jM4hJPKj0l072\nSMRN3bEc8/EXzyTpAZ2SJZ0zzimTqQxAPer+IS8HPIJylzOMuAgOcL+6mgeJ\nsVH1\r\n=d8/c\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIA5xuVfIWk+nQ1AVldh8QYaK/A79oXXdwkLMDP3OG3XjAiAAzYq4jwk+FBzMBz/l2vQeubS6gaxjPy1kh+Ubw0UZSQ=="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.63_1623816101337_0.899054487370474"},"_hasShrinkwrap":false},"1.1.0-beta.64":{"name":"@spaceone/design-system","version":"1.1.0-beta.64","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"53de4e24ded176335e17c8b153a61fd888d21a0a","_id":"@spaceone/design-system@1.1.0-beta.64","_nodeVersion":"12.22.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-CmjgB5WljiDkv/Y3FrHcP5UNCNZTmpEZtAmzTZnZCko7TzYyoxzsor0ZgSPLSUauQsut/ift6cH8IOfYX/EVFg==","shasum":"af72d985f1d85089dd01b90ed01873679173c658","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.64.tgz","fileCount":1072,"unpackedSize":67781012,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgy4IKCRA9TVsSAnZWagAAXSYP/1N3utWBzSjXKt9HHvOl\nkEQjeQ77AM5JgtbzAHJxxFuKkHgCtxTfLAgfi8Lan0ucD1iY87oiDguPsTWD\n9We5b++oOH9HBk7L8l1S8t1w9NaPBP20ajCNvjJuBLYUjCpQKDCCbAIqw7bk\ncarSsYjSZH4tV6Yh31oBO6MYU0AzDL+JoCq7GaiZ4Eg5lDJ6c8v9mRNadz8K\nrlVnSr2qJEwK1izjD1faVJIODzyt1UUKL8DYxDZKt9hll7zv+H8UznDhvov8\nDAEgP9Mmz1oghIIBuvshLb/QsFPOYWDhKKVQLjFJdPpJRDLmwP+fHQuW47me\npCXz3pGIdn4RfZO3cZ6fQciDnqx3IeMsVJC0bDTJ2JxEKQ6ez7zomUxe2Dnt\nB5kLg1JT/rJTmbYaBzNi8EL7QZNIUh3YZsoVNAwHoWaCh2aWudByzxU1GcFh\noJt2Jotq8BWVGsSbiMAQyuo0gka8GfBA0MsKxBR1WoBboMHX4g8nd/qiFPiY\niMm25E9q9lPzUSccuawZTGIfEy5ocx1CtSILo53dENewXhu8NtQ4u4or3XaH\nXOXEqqxBLfSjRL/PzZCRPLqWPGpHY9p9ls2G8SC4QcWNPbrLwnehWFAjTm0T\nx5eLES5xyjThZrWTSPz7kZ/fLAa9v/VYdgP2UwKAFkFrEqNcNf/P58o/RBBe\nbZRD\r\n=lGWI\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD7jvtWaWeNqByWCkl3RCMj/U8a50U4NXyo1Nyoj98aUgIhAIlxjL8xgewnzcIecII0bYLMbJR6k476MPl2AQDGcDDw"}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.64_1623949833833_0.4780898149617083"},"_hasShrinkwrap":false},"1.1.0-beta.65":{"name":"@spaceone/design-system","version":"1.1.0-beta.65","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"dac3b653586d8dd1cbcc7a484732c3728597d34b","_id":"@spaceone/design-system@1.1.0-beta.65","_nodeVersion":"12.22.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-GzLeXRk/Tbv/eLs6PWQvaPNrSNlzG+Oyrk8UxcAKLSWFGRoBX5Ty4bhdO0kyvqOqlXMnHSAtcjP9c2Zxw9Ecyg==","shasum":"f0d0a628b4322aaf94afdb2b1ad2236c5459910c","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.65.tgz","fileCount":1073,"unpackedSize":67887738,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgy4YkCRA9TVsSAnZWagAAfBEP/0WmRjWuw2R39DQNi1bH\nqhfzFxclHHXt75+QYBIa2iG8tnlMuagUFXIk2xfpPPhj6q9GWiINgmuIG776\nCHniAp6zIdgvlSyxnSNFYp8cpZCPvITfORTlI9D1PfGuDPmk6RJCrJDMUbgU\nbr0RpZLVA8Zkrczi4IugIjslEO/cvNVIoHPGK36M3GqG2VartUqCt6uT2U0g\n4uLHUPey643SY8h3lDCEZgMQq7ig45MF6xJhu68gMRRjWkGy+qPkjFxSekis\nV5F2LUWBCewoHKbAQn4oTt0+zS9X+VRZVHNy8GYYMr5KJCtftwH7innCywLy\nqspbpQW0Nlo0z7forXk4ZVVnCAy6mEVwgGsm516wz3qgUmknYnVrK0H6k7Pf\nbTJsSEnSwK0ujbfNQQnhb8AjZdgmFw652+J2J6SQpOtwGVVzGK4+u8phWEFJ\n0EwGemkIMy0SHfrl+Dw43w4tHv/Yre/j2H7drQO1fSKz/zF/cqTAIflma0qQ\n7jzAntDrKDb9r6ViYh2JZiVkKBStE+F2vfS+RxcP8TyJGDvzPFR+sr+h8/oW\nYZHj5iBG5WduznqI/rVVKwGBgxu3TQL/E1DTvpC0r772XMrG876ae14CDqd6\nfkIEB8lbcFdn6SXgU86awSuqioEAAB3Mma0qu6/NOpaTjk+DVn3sfnHCO6vl\nTOxO\r\n=qZDJ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCI8r7e+zrFV83qJm9OItRpz4cg5KhRB3z5BeIhfzHyoAIgG/OFNZh7KR72K7qB6pB1zmv4uY+YR7me0LT/diW/zAU="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.65_1623950882971_0.8418529558534018"},"_hasShrinkwrap":false},"1.1.0-beta.66":{"name":"@spaceone/design-system","version":"1.1.0-beta.66","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"e1e01fc96e0a22b22fb3db1ef5ff6aa0d29de605","_id":"@spaceone/design-system@1.1.0-beta.66","_nodeVersion":"12.22.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-WSRZhsTIIGIsHH4hLZm7OMGKMrD6wr9/L4ayGTDy7R0Ww5OS1ID03JRnaPuo4hfPjVKLUOIc6wjnVBluhkI1wg==","shasum":"1c64099a31f3f7fafcd286e7d53b9a3be6860649","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.66.tgz","fileCount":1075,"unpackedSize":67734177,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgzDjdCRA9TVsSAnZWagAA6Q4P/3vgdNZirdB86CukGCNM\nF02/5mR4km3KvrR/ZK2AZ7uNwnWbJIHKMKYOmpw1qsQoCrNwQN5LnPgBFCow\nmlrBnaiNdva6FCQYUI9EUvdXwKdJ4n1jUTvSnjYUO+yt7jauqQa7TxTdIHiY\nEx6AHfyRaFkkfrd821mNwa5LvIlpbM6bq15EDZWbbJsnhEMBi22C92+4+CY6\nhBCuK3JXjokxPaxlzT3gYiCpyyZpG4k9v+sniW+qUoNmqLpFWKgHLQeUoS6p\n24yUSANkUotPMt3ZPSDat8YDpoWRVrpziVI3MhJJMMzSYKvWdu9jGES6etjb\nLGpW/WVL1N05haRiG6EcN1/4S651CG79RB+AhpbZGSxzB3LTb53qHF0kSSxU\nXYZefgihv77ST6jYzFjwTRaOfWfc8Q9MNBhd+f7+marTaNXKHbShOgkrGxAM\nASoSNzu5huvyjKjqXX5JBCsy5ClNys9sCEj7sTCjRjH1PqxCHtLf2TgRlK8f\nowxscs/zYdJlWg6fRjYPPyznz6kmaNtqeO9CX1NfGejTIDxnvK1TJU66nUQc\ny6Y1clJ0Oit9uHB22EibOEMXnLkPRWZGGoPmFVRcMLykrWhLwnXWwnXm9yqc\nYHN5uhoc9pFiY+OksXgd6qzLghbQBD2Kuarrr0fEUNaqwc/SW1YqTmwTDuER\n5eBQ\r\n=EVrr\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBM6SSpT6iJmv06B5F4CewI54DZICsws3R0Wa8IwRvmoAiBU0sY7tSvsrayfOJcUl3Is9rvtMptzp393m41u8+V2Yg=="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.66_1623996636205_0.06619347563560574"},"_hasShrinkwrap":false},"1.1.0-beta.67":{"name":"@spaceone/design-system","version":"1.1.0-beta.67","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"8de0853f3b2bf4d6dd1724c49e788b71d050ba40","_id":"@spaceone/design-system@1.1.0-beta.67","_nodeVersion":"12.22.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-oeU9QFlL7IsX99pJwlo2+dma8jRUj5NDHIZL07Xh7266dYAauyo9bw3M43xHOM7mbFOHOXtDi+NiiSbWICSu/Q==","shasum":"bd4714b649dc7db450161b1932140a209bb42a03","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.67.tgz","fileCount":1075,"unpackedSize":67763311,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgzNMMCRA9TVsSAnZWagAA3AkQAIoWPkERPNkheMo1iTGq\nIJ5iVXD4wgPnOuPUGiPE+xTvDvVROA6zACRcMtNa/Ox7Epu1gTBgmspoWJwr\n+cnDM4R2T+w5BSgkG4fyc4vnlQNFjcl+JvpZ5+YmLcxW7ut1T9/8LRXIUBbz\nQjCwc/MoUy9tpiUFa8kykEz2YQUCiyu8tjkcQGpc9WyjZgJZFnFKPMVe8Oil\n6EMXG+XgytbXTEK5D4dtJ4M4VvpnwkrBtTPljxVgrbfvWh4C3tmehHBQyOd8\n2fZRZtqchwOPFrWcpuB39Utz24nbqm3bSnSh3AHLSmTSO4JqQtSYNIhSJWqZ\nWEOK7diS6lehJby1G4zyjaq41QWavoC5rXwz2f3pkbYwPAPB9ERUD1K/AOZI\njctJQIx3cU/C6Ag1HUQbKokIEprR0Cn4YXrUrqm2ocvk5UK5kMw/L4Hu9V9P\nnBfmGCSgC7Almk3gCZzhKChmheb6+9fuPjDfRVzJHgB9Osp/omTygaYpQnzA\nMrGEPJaws96LUNTC7l5JRNMp7lURlXJjaYsBvX0jika6U10t103RqoJqNtfU\nqbGQ2rJoJDQemKFa8dHHqg6S0fUKgmIfY42i3qo62M68MhI2u0oAsfYn079M\nWdpOhi1mKKjq5eD/fcNJILgrAxYYg7/S6kd8MQvZDCOCgqn1zhZPWNFrcY3o\nkQ4k\r\n=coV9\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICU1t+wqgbvnZGE/OOqi4IQZIQFy9J3LvVN7MPN652ojAiA6cem6r1m/boYZ4l2XcNCcR0qHZXwC2EF242cHpRTEtQ=="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.67_1624036107054_0.019365360417076705"},"_hasShrinkwrap":false},"1.1.0-beta.68":{"name":"@spaceone/design-system","version":"1.1.0-beta.68","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"44d75751a707ca0d59406650cc7107dba6cd757d","_id":"@spaceone/design-system@1.1.0-beta.68","_nodeVersion":"12.22.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-fmUhYutUAf6LmzRBj8PBkZuHhP1d1A2M4hsG6pjh+ttv5CrpO2UsTgToYZRDHC3YTTtSTkvsIk9SnlTWC5J0lQ==","shasum":"822082928c6d8a1f8b8c495c7cf437ca31e49064","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.68.tgz","fileCount":1075,"unpackedSize":67763493,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgzNeHCRA9TVsSAnZWagAAL7wP/RhkrqvxtSlqiQh1cOr7\nqOY582YHfuBCJP/5IVSbpeu/0oLZCfB/MR4h6InD/TuiNNkT0rIvUHPBK5ax\nqys994cJXY8LGwh85CR/NIAg5WomMPmSrnd2aBaZrl4lQfRTNBdNiSadjyWr\n30zVjQVWJZQW2OCuGRGCWQLjNdfCpKzQSvuK47QTB64jDOyPLaOpeQ9mxXq+\npyN5b3lzItpL1A55A5beke9giK2MRLONrRBjrn93CmDb34mvfnmL5X0mbqju\n5V6vAae5sj+eHFqXKxKX+hlA1CmwVyHLrlDEdabrm+LKrDrjsp4C933SS0sG\n4NfC8h+JK/GmiXEHEfV/iCE9Uu9cYl7ZAYcTSOelAdWfoIAxPWGmNL4RiMAK\ndUa8+6LrtICtNFPtP8m2znfjjD9hkKG2domhxwl8WvNT9yGtFEI4hS2Q7koc\ndEL+bHTe+Jkkj8mupZh85JwcV65zYuYWF97kPsPlhUlI8r8q90Pl/nP8OLlA\nsRSkCsHqxRh9GUHUXxRMsDGIqFhorn/ko+5/VN1PbyQeAsxZ/fgErP79o07l\nCJClPzbnkCAzUXtrkri/FLVErcm6xf1q+G4nQ69bxVeiSlQEULgnDuy1Yof4\nt0uD4Cv4+BBpLp1SjtVzuvxuOpU9E2gGgtNO8c6o7KOZTnHt8eDWe7z8Lrfu\np0kp\r\n=pFIj\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICNXAg6UM3xl+dDq4zniozQNIaUzS50PTtD0h6LJksEZAiEApcumASkWzsCmhaAy/QZNWNgyGtgJydw89P4ia1FwtSA="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.68_1624037254607_0.5345118165340188"},"_hasShrinkwrap":false},"1.1.0-beta.69":{"name":"@spaceone/design-system","version":"1.1.0-beta.69","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"e27d33edd1f04264a10e5b2468003b147017d6f7","_id":"@spaceone/design-system@1.1.0-beta.69","_nodeVersion":"12.22.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-qS5YIJXK4Y+ZeTLx9c2rr54XfatrKEClLrhYQJkOuGf/PY5WbAlt3njdfKYsslQWeJAFyoKdLojdfssRgYOtaA==","shasum":"718121ccbf16bb66381a594170f3a96feccb81bc","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.69.tgz","fileCount":1075,"unpackedSize":67765301,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgzNpsCRA9TVsSAnZWagAAq9YP/3QKdgPkXAd6UtvWyWiW\nF5BoDGvChoFHJ9cqSQTzMKCCrs9goSQP8S9+va9D9fsvGCp91dMW7T0y+mjq\nViTWL2NJId2gXu66wQ5oRDHgQ2Y6dSEjqLr9Rb15EDIT1B6lT78c8TRUc45Y\n9rOQSaKqBpNELuQPx6TlOKlNs8r6+95UBG9cEji87LaDKlm4zyk+A2wxV7V9\n7rImsiFQvM932PPR5fJWAZ542YLG7IXQCykR9lE1ON31c09RHhRlZlekLmEV\nbFm15U3HN4SzqumIhKvkrwrA9XL6U+M5HJKUtmrJZZ1chPS7we+QOlhnFhXI\nImUo9wgqVQRb9jkUV2c8Zj4qv63wBkwJqYN1rmvexwG1afxLcs/o52oST/XH\nrsQfBJdSD6pA+Qob6U8Zz9i2Ns42P6LEiTK2GZ/gIWEicpVNfaobJ74OYZLb\nLdc2tOednhdYd2jhzQY/1N0veNJ4b4BVRlJWIJcWI3asfnPQUIeTkGbgm4tc\n4OFpILvsaexGReVQidyOLAJb1JoaNy7CAxBp0a+YVmJ20Wm8C8nK8xNHkZvD\nlicNaNqx7YaydCo7JlbyOEchCrTpvxkSFKxNZR+PXv+YTJINSxC4YG9sZSea\n5KCdQMAodg8vIo8w26nuIWkkOy3XyxzV/6nZ2OBPZyHzxgkWP189NdAIYcy2\nV9Af\r\n=jwFz\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIF1U7GgJwb1h4PjuYeBoSwLQ9bJHBKL4NF3hVpzL69NPAiEAy2R7jIO5qGojivxBf5zJShBZRL2H0hfVvurlq1UX2Ss="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.69_1624037994863_0.3515959072655408"},"_hasShrinkwrap":false},"1.1.0-beta.70":{"name":"@spaceone/design-system","version":"1.1.0-beta.70","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"56725ec7c9c63208322ea06ad558ecae3fb216f4","_id":"@spaceone/design-system@1.1.0-beta.70","_nodeVersion":"12.22.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-cNfXF7aigkuMIVncm4yq6AOzfgfr42R1CoCg6cRukt68olP7xOBp/SZeU+2yf7p9DsHqPYypaDUJAJLbp7U/Hw==","shasum":"2f7bf6e6c5d9707798bf2ebfbd423ada9984359a","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.70.tgz","fileCount":1084,"unpackedSize":67788450,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg0AGRCRA9TVsSAnZWagAAFskP/3fiHDsEZu0CimD88X1z\n573pyihEOFHXEvD1+J60YeRi2gFiV9sMOoDIUbX1BmHtITniVTvSLxYFMh90\nb7ln93KdbMM4HlKMt7e0rQ4zEQJt8ny00dLcgRbGCdnKgAxUpJdVBjbvHJ++\nUDNmaQgwW42ZOsbV7IMgGDEDp3csy3Fx61hYdsqDN0QN1DBApn9qiBQzGPjc\n6KO5uTe7Do76QyDUPEgYJpAQ76Z8TYZHKmPWm34LndiBFuSMD58AVcjyzCiS\nzbbB4BINILljb6ujIndPXbgoJ/1kusCA12pctNcnQFUVBXNLbV79tkNk04n5\nkMAqYkjdUGZZ6FHnPLz/jjv9pwtLh+x1s3LgxJzqmvgr1BqCZysIlSvSgsPi\nh7QUCtALhWxXQR9oVSFtUo9hTw49VTuR35Wc+Z2sWxPLzej7f9ZTJ9je5tGp\nx8xK2E68Hx9+hXqp0gS4XG2xe6z1bJcBR0mTHhV2BUQAgtgkQGmYZ3YQ5Yvm\nTPGuumMmRXeDyl0ymVVYquMajxEJL1Yrgh5kNrjaTCy0hIHCqQZh4SaFUlVI\nGQf0XZSVV+V4CCOghhyUjYUjzhHEyNWZbeDFA/jskRKYrSPc9qKNUXOpTPwx\n4P+Bi79cf8TCDD4xrkUl+UJ2Y5EAiXOY+Sl5l9cWlgkSy0E5WnCwRTKSfHEW\ngrG0\r\n=Bcaw\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDuYwgXPa3e7v06jP1nJkzClO4cVfqsoL2DI/CdvIjl0AiAliWDVWq8oHDWjC+YGpIk4eYb956/f6oDekDeosit94g=="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.70_1624244624797_0.8157233273461346"},"_hasShrinkwrap":false},"1.1.0-beta.71":{"name":"@spaceone/design-system","version":"1.1.0-beta.71","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"40c4e86b6b25e21c802256c3ffc6220d0d229682","_id":"@spaceone/design-system@1.1.0-beta.71","_nodeVersion":"12.22.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-3lWGF0DnqSEFJADpApjrbL2e7Ey5YalojqQxcNcNEXZpMAkqQ/eiy+MdYV+Zvyf3Zltp47y/HEhfMgdSAOIHAg==","shasum":"88c70a11fa5f0a1fdd20bca43435c8ef8d8522d5","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.71.tgz","fileCount":1084,"unpackedSize":67793435,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg0fRmCRA9TVsSAnZWagAAMIYP/3YxC1enoth9PKv9m6Ri\nW1m2zUopIvI/WX/ujc9LDBVtc2VqlXX6wnoEoQ9sPliHQt3rCoyFSeFto5MB\n+LLSQ+TmywEUtU7fighccNNyaBoD/ZkjlUTQAqsW+yXFeJTpiOrkrCal/6pD\nZzjkUKJE+fQIYLz/luawqMs1glhg+4P+IYExCqbgPj95T58cgmXVm7hXerz7\nPJFiIipVgDr1h4Nb/xRlegs0iQbHukcvt54dLEMwu5Et3FnJERre1ywitFh1\nDya01icNJ+ObXmuGTjzVftZomY339yK2Xc08NsxDiDKdAPw/MSC3ROlUHIVF\nr1ZDHEJXk2hVoBGn8NkOVPG6gNFjnELoSnMyaoV1XrJS+twy3OlMgrf81xhZ\ncwXdg01MbcGRWIIC39mK5atByFmEW3/jSvXz7XMnJJbYIx+hJFRHbkGfcju6\nAzytH2ck7C1qdkM5Wkh8NgclVmnFUR+alUxIg0KNML1CVa6h8xm85FoQVXVr\nLUKwaNY589L5xoXxrxfxXRmMVsWB1Aqxa3USzfutK55oDYUp6cYVukhZS+Nd\nl5n2SaXnAIY6Zk0n26vQxm/uiTl+VwvGOm1KKQPGwC00bP5iDQh4pW8aCfPO\nldlAsROlElaJ6b4CIK2siK6gFVC4i+OSM0qbrofC2Kx+fFjFbmWgsHEkW+6d\n+UYP\r\n=BoQX\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC9LiMXMwL8JN0YkWdgbH+P+e1NAimcXZGuJMzuQGXQVgIhAP+bY7YTAaxjqpWWq8HsfwsUiGmKBH+c4i/+X4RkKU70"}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.71_1624372325419_0.5350077100164234"},"_hasShrinkwrap":false},"1.1.0-beta.72":{"name":"@spaceone/design-system","version":"1.1.0-beta.72","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"ea1276d95dafd043ed4487d52c969d38b3a7c33b","_id":"@spaceone/design-system@1.1.0-beta.72","_nodeVersion":"12.22.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-P8prbjNLUAR9n2GH2QhNmTqgnGxRhFLLJRYuMKvZkaJXnts/eszN8sS6bS1RVvghiZL+el5sr70fw/5bcK8IQw==","shasum":"bbdf76f09576954eaadb1b59629c5fb937f0cf33","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.72.tgz","fileCount":1084,"unpackedSize":67793440,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg1FboCRA9TVsSAnZWagAA8BIQAIk/M/ZEdfo2zqYIGlNF\nWLlhzfRvlJFBqXJ5sUMBOg2l0AjziB4yoX/SjVJV1fPHC5MRbt86WJI+zFtR\ncuxGQhPhZThmHugevyTonC6QlTFpoIugAMXs640GYjvCbUG/G7voZKgLIq9/\nHiUF8D708yMxYbBzeSI5ieppWBQbuPfaHUOKP5AaZrEQ5Dwok3UiMBibABxm\nQhz6G9d2hlI7MhiBQDtGYJvA7xwWSu9GXzXj60917fwXTqCFUGdDuIZNTjMx\nnhNxFJ1FkNYeFi3gAEhT4yCoQBOUmE9R+X00Q9JoFF09VrOc1eLtR6HjPkus\nHNEqmZV0/piXs4PN+ZcWxzjby1kiJ9MU3RuGPb6t6nJVDBuhcPbqyAG/DVkR\nTETL8OO8VZDi8lujQ09hahcsPslATLBxpHKNeF8UCwEUz9ZUQZgyLoELfAhc\ncxXBd9Xpg4oW7bJwgymuw4bOWBKCMefUNVnyhjAGu3M7rYXzfAOhcu7BJPQ5\nWqSErsnrLrs/ROleKFo41J+JyIgOUzMMrMzYJPRaT3LAEec/ewtZXvQUmzba\nzpzQNOqHKnGBLj2ay7iW2aYb/YtebTyvmU0vZIoIXiUalh9Uk5w7qolJPbAk\n+E2Q9WBmPIuLefGDn9cFtYEoqki9izurwBGLYM+0rEdt1LAMKSGRYQlVWXcE\nugcN\r\n=/IHQ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDBcnUra5/lpuyKICezlNyEJB24BZMGHqnXuzwFYwssawIhAMUEBvGiamNi1Oi+C6w/9DBkK6TWkwO3YFmHUB7JmwHB"}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.72_1624528615049_0.7198613380918077"},"_hasShrinkwrap":false},"1.1.0-beta.73":{"name":"@spaceone/design-system","version":"1.1.0-beta.73","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"b7cfca93d3ed4fbf0161d92f74e42ce25159263f","_id":"@spaceone/design-system@1.1.0-beta.73","_nodeVersion":"12.22.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-9PUlwxhNntsu5026t3XuizjXqvTScHKf5vfxXAI9nPBeoZOdQJgMrAzUFMB42bThKlHNac95Lyn3NYkzlbSGeg==","shasum":"7a5163092d7eb34c962952efe30cee2491df987a","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.73.tgz","fileCount":1084,"unpackedSize":67811711,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg1IRaCRA9TVsSAnZWagAA9YkP/3QuBJKPbOLiXQuQjH3a\nwopbY6KdZqb+AfajTPPq498e7VaS1QKnyhzuqmQE7pXV7HQIsZ6iyBn1/0HA\nt7aP6dZCD1MWujzzfqMIa602C/S8vXBSFm6ac4x5JJBAkGhXxKImOlbem51j\nZX9v4kM6+O/2ufge43XAbCRoyEun+yNKUR1pIfbCubmIDdmAYGn25lAdBu2c\n61fkMA436jO4BewwPyLCci//l9fuhKZpygEytj4yCZ8XejXHvi2s5cUAyT+6\nM8Kjncdq2FsOpIq0HsLnvQr5xA0rrChBiL+qGk81UToSNKlpOv+0vXRvFkZl\neP7ZB4nbX4L3pSRcmmbPbhzUtjCL6kLIye5uG6s9hZNILeumfPqi7OFmbNH+\n5XvAOhMi6vTRL584YJd9gh8ESzRjAv4xuQ1zvYSCxoA4gebu3C2FIPISL7GW\n64iB8/4CLu2F2XNZ9JbHnXOQ89FXJLzJV0UbLw0savZfJ55F8TU8Tj4EhCXU\nB37dgo82vmVH0G8S2gPxI5QffuMYVIuezWL/D0apyw/GbH4ijbCeeZzi5ZXK\n1oBF+mcN/8AdBoWn8uI+z8e2/EKG2tV8yRcakssvVAj7UYdRfXUXNdcB2JXl\n7BBz8bJQQRRMHxyu+F7DtnfedpAlAtR4oGL/j8e0dsHda2KDAyVklkCDQ3AY\neuWU\r\n=wr+H\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFPsdhBRNkYpIYOTIBzBvFycfARtZ+fiqotN1BiygrOaAiEAnDXxQV69rQ5+AKbGCXxZxs7iweH+i4IYUC+o8JWYvKw="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.73_1624540248483_0.27969305290716107"},"_hasShrinkwrap":false},"1.1.0-beta.74":{"name":"@spaceone/design-system","version":"1.1.0-beta.74","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"9b60033ea7bda0b7ce36d73bcff1052cc2353858","_id":"@spaceone/design-system@1.1.0-beta.74","_nodeVersion":"12.22.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-IHePrTBMVyJ9+BZj6bSV35lkN5JP98CIKet8sw26PfYGhiiZeJS1z7QsHydfIvCqYUsLHe+uXQ2kYLXHXQIJ4g==","shasum":"e08c3bef896055cb278f6b6767934678c83d8245","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.74.tgz","fileCount":1079,"unpackedSize":67791135,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg1JieCRA9TVsSAnZWagAAswMP/34MAElpgcfUg+xa35QW\nTRXkdA/iIXL1r8Di90eA8k44TNZV/qYkwaQeUbVbqYMm3ZOvgPjKz2z5Xq8W\nov6QdWdICcyNwVFzD6oeO5InFQvlmINdHJxW9dPNEVHA1LZ/pr56qqrQvNrX\nRmQB/edX56J87tWvVxswRmFf/ZIrNWEf/LDd+Z5jKnkwmvxmghrfjm19GTdw\nqnnQ2CI5FLF+epj140BHSzoa+9zET9u8BMy4lmfFhhVexL1pUiRktVzAgeSG\nGGV+pwuLMCRKhyF8LJHT0oUoIVJQesqZTW4t6Sqq7VQKJFqxPzkEBzlzGICi\nacpROPzy2t1w/g63qC9ZH/bX+QemdhzI/T6JNqU2GL5qqjOpxLBKPeJ4+VCm\nw9+TKbHn/+aWP7PjakJezAd2ucYKnlYxbYfy9PAz+0x3VC/i0g7GIytjo+KO\noDGRLkl3jgD1oHKxjS9wKHcfOfTz66244RfpG3db5+GRRyu/JaGiRsXJHkZZ\nchtFl1QVRGZaDj+IovdiM1iLn0RmuG5m8r+NyeVJk/dY3VbSiuKLaW1vCzQn\n8syTqSOMLUSNID/2NMnTnn0fPYdjaodvxeli/VuUA5EX1PNJ857mQMZ8u7yV\nklqYyJOaw59F8EO8ak2qkPUKkj00vli9q6U2llDQlup97guaJQg6PIzjA92G\nI1mc\r\n=uF/D\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEkYh+cmdkvGBh5a111th9Dj7jeuWkWeKGLU9qrRn0tXAiEAmh8EqpFRTH921w28HAN2oiFbc82w+O8VcirRG0xJWQ0="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.74_1624545437703_0.03434225694381965"},"_hasShrinkwrap":false},"1.1.0-beta.75":{"name":"@spaceone/design-system","version":"1.1.0-beta.75","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"1ee608036cb749d0cea40968ec07d7618a671c6a","_id":"@spaceone/design-system@1.1.0-beta.75","_nodeVersion":"12.22.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-2OF6+Mr5WeI8XhpILRs91dsTPJWxv6MqzJY1LibmGxx4UA/Gzd242xhM+fKLBxD69TroyDjIk2VmAYnczSwK6w==","shasum":"2bf9c2918ae2f2c159d570c98bc474ab571840ed","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.75.tgz","fileCount":1079,"unpackedSize":67802916,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg1LGiCRA9TVsSAnZWagAAAEoP/iDGrm8jg3qmF3Ss98em\nWEwwfqPEB/Fp6TjJmjNFoy9syAKMMhceOso248zOuxhU7szIk04Tozpe6k12\nP0lz2foxOTJkf9IUl30NplezjpYhE9hNYIU40Or/sDL5byo0cPAhiQKIno/z\nHGWXMNCB/yBZAGDp4Tz06VFrqWELTNTkCxa4JU7hb8EkYWSnrlpbB1xLmHrG\n3zfmOttr/ZfoMHhJlDBWvV1YEtBVKUVgFHRItBG3rm5Ot9W4TNgF0H9MjhkE\n8Vi6PqM2fsw/0EtIA1NgrCFeC1t7A3vVpJez0migV90iEw7mRanhSTLiUOrU\nFkRrbvenHf2CMuN5cNJ9ynO9xO3dL33E0CkkHUA/+la2bEBcIjTvvlbbf3IJ\njmstN53aai1r6bVsF86wX/b1gbCzLJFJloVR/3cg9EzvHjh2LpIfjAzMASYE\nXdNC7vR8qlF5g3eNYHBeN17OTMuSOvp+sm5vHUsMXzUBtOTAaXiMWoLdAT5P\nt/Ga801WlAso7MQ/r0rkI95lePD63hBWaFzy8n8vUfsKPRzSbV8vvKXLAAXd\nCS1kiPOQilcbwAWmMssfVlMtQwuHYF8txfrchOcw3I7YkE/g6U/+72OJysSH\nvv7OsklOv2aRBnf7bK3KuSQLgcgUnkQxLds/RxjU76Jx8guNrdsEhG2UCCzV\nGs53\r\n=xSPJ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDQUoEr3oD4UM6DljiolJbPw/qECLUy58NvIxIp/BnFBAIgXgdNrrRhnOWTgiutaq7jmleJXsbq1XMKXWp2g/GtPmM="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.75_1624551841650_0.2891207392595905"},"_hasShrinkwrap":false},"1.1.0-beta.76":{"name":"@spaceone/design-system","version":"1.1.0-beta.76","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"75ceed8705efac9ec0ceb0ddf862a010592a4c4a","_id":"@spaceone/design-system@1.1.0-beta.76","_nodeVersion":"12.22.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-WIRFmey71NV4fN1I+fgo5UBX50NRw0gnafRGadTu5oDjuvnm9XDH8gwCm0XJ7gSK9r+7znDZN8rfnk4zATrMzw==","shasum":"59b150ec5c5bf0cb80223ddea641b87d9cf67767","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.76.tgz","fileCount":1081,"unpackedSize":67811646,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg1WmACRA9TVsSAnZWagAAJrcQAIuZS2C8kmypO3eIkJxV\n0bIsDGhpcB+k5t25UBjZWGsDkc5Gbg5H1rYGhjPRTd6uHi9iYDbEnk61KSED\nAATjbfAwUvJeEgAC/vKqGxrHYcTlXELtKA/Ym+RbmTPmBGcgEMBC5Aesn2F2\nV/3uc/ggFTIe2IW/5t0VnQa1Le6/ZypKFRJR+9ZyoQIQIW96x2c8TGqSwoTz\nkt9n+jHl5p7qXapNN0b98FM1PNWwHcoHDYVfBAp9/6mgDU0zEqEx86OlMG8g\nSofV7kjes9FovSRhJv24xRR/xoDE1CZEJAzoknQXCXgwhm8RQ7FwptQDz1Y5\nUNw63GIwp6G4JUKDbPv87w0l5iPOPDlihCFhsV/bR+eF5n0biqZ94U7Z8f6Q\n16MLG6uq8O7AN9K8dljPIJSFxBmr1dck3WF48j/qxRGN5/P7ahCGY0X0e923\nwAdjn8jG1WCNDbYRZ45V2tGMo+Jj4EQobDB1BVwa3fo9mXEXUNL99TB/+iEG\nEpeh/7iIkZOQn2n4u3amZbJzkMJ4YbfWf+plxFxvaqbZKP5SHXpevwm4beDS\nbclCZLYi/LTzWyzE+D/G1fUjUgAYOPy2JiM+59hhvO1kFrJo3EoOq6uUdsPh\n63H7mIcFMyap4zIR8vuHe9Uwl8ZNSYl2BhcPv768BbSWbRRRFMSsWRkjJKWj\np80r\r\n=2ZR8\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCGQA5bDUgJ3z/JmADNkvOwQbABkPWodD3YY+3Np6wl+AIgIKh1gz34/7cRv77x6Q5e/hBgkcgsQ5eFTRiNLDgPQVI="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.76_1624598911880_0.6835579387278852"},"_hasShrinkwrap":false},"1.1.0-beta.77":{"name":"@spaceone/design-system","version":"1.1.0-beta.77","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"ea353c674605fe1e5ca61851f8a2bece903380dd","_id":"@spaceone/design-system@1.1.0-beta.77","_nodeVersion":"12.22.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-CK8FP1QGwU9WZEnav0Vpcq12/y2yx6rEPpWnyWqWQlFmavpWd0gi0EklX1b/bHHLYIsxXrHKJFklNfNXLgfj1Q==","shasum":"abf7c488f6ccffd8848e0b7498d55ed37dee2761","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.77.tgz","fileCount":1081,"unpackedSize":67812080,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg1WrZCRA9TVsSAnZWagAAvawP/R4xwVWcAUILZC4Gdayb\nTHMDJcyVMpEe8RmGrFNaizWYlCYe+4WyvfzYfYKNnjY/UUGEinzeah7GpLwe\nwMPsyaEjXXFfO/z04TuQP//qecLw/Z70rGuZz6P0nFvbKoQimH4XW8G/J9B6\ncTUwGQ2Juzk+g68n7BLRCL2oXDUCeVbwOa3UU/XiLwLRrA0ZlkMc+RI4wYBH\noloDvPf7tQ+RZVQRM1qv/hfUkJHLcjmhVLTGtYUqOXqKahAJjM2/qbASFpwY\nAwMzKuJC+9p+AUAPsXE2JPbXgs7MFz7WaUernfuRqH5b2yeTwoMBhSQq4SvL\nJqmEcnKRDHvXuDVbkTZ1pL2C/k5C4suYWQCwJ+Zr2WoavgJo89GYuveADMav\n7YGizXxrqvXkhulNuIf88vv64uBg0RYHad/GhxUGP1SpfYUUbTTXgHksh7jw\nGsw5aF8SfpVfgaeoXydZatlx/cha+DwaynIIU5f9TETB3fTtjqpyOtAOhdYf\nWCE9NmJZ94K3anAGNCDLvkXylk9EruE4GWcQKJ1R1xszl+9XYVZJeKlmhDJL\n1fHrXqpELrBc9pPk7Yum8o6buW+fp93tYofgEkWzB0jCAXf2TEMUlA9T5i0C\nws+cswAPz0GGXTiZXgr8IrEva9AhzCEtwkw5DRjI3SI1zhde4dmlb4zBn6pO\nm0VK\r\n=1PMx\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHtKDW4ZmtV5tSsek7izXZmcdp3G5QOUDF59k17QRQDMAiEAjOiRT6+BHuS1Itnv35AwpLluiwX/j9c5XvahRrEV3zk="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.77_1624599256796_0.26153307859011066"},"_hasShrinkwrap":false},"1.1.0-beta.78":{"name":"@spaceone/design-system","version":"1.1.0-beta.78","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"5cde61ba956a776f356dd966cd3e71781aa66f82","_id":"@spaceone/design-system@1.1.0-beta.78","_nodeVersion":"12.22.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-dhGW+7kghsW5nQmHxPhUNdC/Ofu5zoyBP3iR1M7tMvhkq2gTqIHQPoAhvgSPqKnGTl+zrrt2Ie/t2oyWmGhZPw==","shasum":"71a6bdf80a41d772dddbe383f8840b062b437be8","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.78.tgz","fileCount":1081,"unpackedSize":67813121,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg1YgqCRA9TVsSAnZWagAAkBUP/3yShgVt31CoOMOlvrpv\n5k+ewzv51KOwSlorPnWcdPzzoGL7B/hX6JcURUeYsBGohZX9KMdIq6C6k8dB\n8F/EuJpl0rEb/iLyx/7dCAwaSsp1V0LheD36m++M/7hey5BacJkaTfb89Qo3\nmpv3szrpDijZ+vDON78IZDfD0GiYwLvNuTG8QEtCvy0ZzQQBHDXKLyRVipDN\nmISbrt1sdZD7FSMnvoTYk4wmSuvn61opzAa/uVCCkNlRtHIZpYgifxjEXtwg\n+uKs0pd7bhijXT3ic9NWx0g9baqLzJPmWI4MoCITTTRSQMfvOeQH99W1Z/3c\nRRMxLqi1h+yrVtbNhcvGm8ZDyPWa/uKad5SG0sksTNe4zM4Dq0nHdppNjFEF\nnc6yfuUxM4hT9lQ3GCJ1rdgjcHZiMerQZmu2Q4i0v/rNaDuXsx4BE4U0MnQO\nO1h3UGFhJIOkwWNXvVis6Ddx6JASI1CLTxCUBy/GoBvzwviKLv7uynOpv4Ge\nhe8DOB089OVtOAOYUyq4bxkqQ6/Vw3MAuIGB3PiXooLJCUOrbKPuaVspz6Eo\nNnpyqP0Hd9cTqIZeE48BF2+bRTx5a+EZBBcnCTnnvQzD+gz6hRj51VIX0U2V\nLSRs36DoEEBEJEgucZ1ZwAKUIzYiUvaIF5NI3fjHE4ANBzoB+JfKCpq5eQq5\nCNl/\r\n=dlbQ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC0xhqUjEtGwec20niy8pJj+le2CS2UrS2LCWr5GI5uFgIgBw8Ky88d9ZNPn3z4vTLWYH8jHWvNYLYwpCVYoudtAkQ="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.78_1624606760799_0.5395854826005668"},"_hasShrinkwrap":false},"1.1.0-beta.79":{"name":"@spaceone/design-system","version":"1.1.0-beta.79","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"0c548123770b0d89f2245cb9a6c310b3d3459fe3","_id":"@spaceone/design-system@1.1.0-beta.79","_nodeVersion":"12.22.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-aPP/xc0Ly+9sB9E21efmgJ3bAuOxpXeOF0xvbbnvFMhJonN5AGV6hf6xRUVdFO4O6Jt5xnlEEkpkUrr0jMTelA==","shasum":"6917c7461467e4c7d788a8b4af3e98af817e9b1a","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.79.tgz","fileCount":1081,"unpackedSize":67828049,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg1ZxGCRA9TVsSAnZWagAA914P/jl0dF+16hnvFeHwnLYY\nrGh+c7qDRT9hdQOnEJqUEKC36pzKZjZtW7T3YnLNRy5m2ZYWhfC3sIGH1hS3\n8wq8vU8gGnvPske6D+B5a8gSWE9DefjoFghRze84k/dNqrUB3UCKo1tzCDQJ\nd2eg9+Ty1BcqWva14VLlUjk71ywvylxXAgywLW9R0eVuqHo9QsTjr+5XY5nq\nlfapww6evvZuhUT3sAOJLfPa8Sz1hf9yyaJYHLAOJ91XMw4ZbGD/XRtS9x0b\n9+deRFeugy60oFfBPnkvzuZagMEuLlTXpwUJqeucLY80XS+f1W8Kc3kOcHgC\n4BWqrJiFXuOin+NG7XUHgarVpgU56B0RT5oTTL4c5rupK8xBJFauxDAiGpzF\nC6U6SkaziLXHQq1SejWUPDUMUtQp4Sfi8GJ3uRbJzb79rVPc9DYBB1f7Ta+1\n2sZLuIJ177siLQ1bjorF9kCRzKebuehD5UQDbaBQrmmXT+gNGJsNOCyYrTG6\nxMZJ9tnO7daJznjQ8r7YDxadFQni1Ma6rxs0o/Vogv+jXfBmkntuYHLQpDJ1\n+0TaDJJuIk5GJQ8ez+XGWbS9Bp1TyxTSRErSkv3GqHjQcEjWlB4ACNDtiHM+\nB1MSlo9wnzKtWMvjGrT6gGFqv4vMK8RB/H76Nc9hb3BwJ1vNJMswrZMCcfeI\nVlC/\r\n=x4+W\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCGPgqB9mIPdadEsPPGRTw7AguPz+BPVWEAElmLWP+bZQIge6fU7LCWa2hcD7HznMJm7SKeSZAHtzGlFhFX380PWcw="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.79_1624611909704_0.10866481949015849"},"_hasShrinkwrap":false},"1.1.0-beta.80":{"name":"@spaceone/design-system","version":"1.1.0-beta.80","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"3bbf3e6df3bd4874c74befa9ee365375ae37aa3e","_id":"@spaceone/design-system@1.1.0-beta.80","_nodeVersion":"12.22.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-noJP8SeLm9OjgLnxU0IbF32sUJN+rn92QtKWzsk1IOZx5Ppo+sXcJN3J52INIIpeAKOzRQQyAfbPa5QyYnQOPQ==","shasum":"68e27a52db07712d4edc2cad0acf269d12ed15cb","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.80.tgz","fileCount":1082,"unpackedSize":67322222,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg1hpICRA9TVsSAnZWagAA5e0QAJSY9FlK1dsvlkhS/oR8\n105v94xB1/sMN7O5+/F6CKsHYR9jJyDGYiunTDB/ddcFk5sV2WaaRVbBuj/Y\nnnV7AJvUsaIXRBxCGQ22Z6uEM6FiUysaPw/NjCKl3k7WRmtc3Jj1Ln73dsiX\nfa7fdRgVQkGbfyAAhny5sNDXyktGUjYuiJpOb3dtPYReMQA69aJ4ncGwqSl0\nuTLyiUJzllFUXZZXEC99RABNeXRQrzkc83timAGNcI6rv+K1PstB+ppxzP+1\nmfnP1+R5V1hcE22DGeL6ULBtEd7GoU4tuz9/VWq7rrV9P1BtjtIMCM/DGjB1\nzsLH7KMvsIwsJT3MpYMv0vK2XslZNA2skV93Joggz24QzzXMZD+pyUglFJ/J\nlKsx9Ofs3zGolnNqXRs6wQnw0D5mgwFu5SSpc3wQq25yxz242K329A8V0eQ/\nQyevN4alm5SWUkKNFZU7/jcmzJM+J8vRX/dlThjtuiGyegrwD4ktVS5FqXdD\n9wN/1Aovl3G7iNu5gzMAkOTU4F4hKF9tvW515axjeuWzL8befZNI/fcHtfk1\n/s3at/4rGFENcCf11YaLUW1RkyZAqV3iEXI8ABaByuONp6NDxQPC6om0jyfQ\nXvmgFdDvFFt/Fio9fY0tVNVD4hMoyn+8wKf4QUMfe/rnLSRQi70xmc+GjbHx\nHw4L\r\n=s8nT\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC/TOUJJMH9Y4tKljMw4wwIy/s33KzN15CrNBhBR+bTlgIgCBGmHMtWux346p1/em+0bVS7/I2jiLZlPGoMHX+OAS8="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.80_1624644167888_0.5804925762632376"},"_hasShrinkwrap":false},"1.1.0-beta.81":{"name":"@spaceone/design-system","version":"1.1.0-beta.81","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"8d192db13cea1ef92fdb88dc06325dd9122688a1","_id":"@spaceone/design-system@1.1.0-beta.81","_nodeVersion":"12.22.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-30PcI2ZP8+khtaMgz2Nn3fRqqy2AgMoaQYbBdUnrIcz9fQIbn/UC79O0KqRHbXcaBuZLrK5T3p8W1Mf2YdzJFA==","shasum":"a1c5e6aca7007b7e4a179d2c85877d5ab1cae2e6","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.81.tgz","fileCount":1082,"unpackedSize":67322534,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg2Sq/CRA9TVsSAnZWagAAGPUP/A1edd0Cw952ZbshvSQz\nBU0Be0lsFl8W/bnDLlHBqR2HwRxY30U/eQc/6VIBvbVJg85mvvxV6uvc5GXM\ndJw0AqQiwB65e3AzM3jBY5Ul4WA6JmPBAlreByFWpPXRZfZxeyayCDfQEv/E\nhN6wiTvnCqRaBv1Jni9LjjRhhFSKF3RPTZv59C+VokN5ZrGRgCQ2OUZ/kbrZ\nHekx/Cczbllv8Asky9yKYP+BArdZa0Ipu+U8cMQtEIiKQALfn/CqosDonznM\nPQ5zP/QZCjxLlIQl7f5vyNhJ4ipcIZ84jlp7uWbO0j/aK8uYzGPBT9Xd0xYe\nBTkdbl3jhixRhOhGzDAmdAmZVwEUyQk2kZ8xkTp71oqC5etQMXyX7qmWyc/l\nNxy6F9fbFVAolM3XzleZpVWTda5HnLUo7eRSK/gFRJN/4j8xtEHqJuKeJVxM\nVLVNUyEqCpArrSQeOUzamMXbxThP9h/y5lHzjv9ttWAaIk8Bt854mMxhHl0b\nZsMC8qlCLZEzAqOU0xR70ZPwoUKcVdUiGoDD4HfO+el+nndS00RQD0bYzxuB\nUCuiVQAzyIufCf+wj76eIa3NOMm+g6Xh/b627deIsqNHg429SBZz6fxDzIlA\nRB5lQ5ifP8zYFsqVFiTB9nrStkHv0KknAC0iiaNsFUDbNkpo6BNHd03vL7fD\nIT5m\r\n=M9qh\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBsJEozSSnIJcbvO91D2dKtcUuYPMOlZqwnhWDksk//fAiB2wvgwhchUyuMoMLf0/9fHlvuohXJOuZf2L0G11Df0mQ=="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.81_1624844990212_0.4056319687870291"},"_hasShrinkwrap":false},"1.1.0-beta.82":{"name":"@spaceone/design-system","version":"1.1.0-beta.82","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"bd85ffbe7494528412ab29a1d42147d7cf5d474c","_id":"@spaceone/design-system@1.1.0-beta.82","_nodeVersion":"12.22.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-NH5JEKO16egdOFQAT9BhfVp+Y1qhc+qlpj6AEJEfaWIvPwF+Ijk9dJrbD0c4VYwHJAE4EiBciBu3tyXlVihotQ==","shasum":"96edf92f576dbee7c18e5272112096af5787e93a","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.82.tgz","fileCount":1082,"unpackedSize":67323955,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg2Y7kCRA9TVsSAnZWagAAnAsP/3l997sFQfs4mVXJ7CiA\nlY/2A4CxVYtOC4Pk0SH403aBpoPOOQAnGOCJ0vILj+kzylpwxWqAuuRL8haU\n2TOaS/KsAH/pVwh+UZaw2Etiuw0TggAR5guQayynxO7Z7W2cCqdSKiiriRjD\nc9nk+SNH0hHUdvheCwilAX/Sq+LMw4v8wx5q2JE8bnITPO9P8NnKbmwHcmmt\nk6NAt83f9g5f4nTtfbFTc+vXL6eMWzjd0b56b0JgLlRGT4RpF13r0AzheoVP\nwY22zU1zY5N1OdALIzrBkARKpf7UizAumT+mL+5u2oimMY4HsLEcxgJoys4j\nJe8yCmG5K/NvbjAcdqZtFm9bf1yo1Tp6ytw3n5W2JfWm9j8ybEqV5RwIqHsk\nTQIero/VAk1li4jySuQFRtq2LYesti3fchRrS+tOeySTL0zSTs6wrNohWRT7\nxQCWSykSZnGxuz44trHnktrrAxNeAZYanWFv7Nyb2kTovyENVNVlqXfyUJRG\nFlgT7ou327aru0Kesg96OJ6prgQjpFZM50lgSSiYXz9N1MFbb3PiQvV7dIi7\nvdMI+AKN8QpvmiroLigzsK+Atja16a8UwspdyBZ09VVCtOo/BPmfv2x4UULV\n4kVPjeKZ5m9XTkz64NReUqxpGmCOTainRfvh35HBe3ZJV1hcHt5IdCwIva4g\nveFr\r\n=ixWR\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEv3ViBuHtPX7zlS1So6YzwUUc858IfEXCluhM47a88cAiEAyI4/iGwAGkpa3OggwBgEULV1NajbqsO1sHNvLtcYg/c="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.82_1624870627195_0.286046237823949"},"_hasShrinkwrap":false},"1.1.0-beta.83":{"name":"@spaceone/design-system","version":"1.1.0-beta.83","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"853335d67aeffabcb2b64b5ff8129ff4c7db9993","_id":"@spaceone/design-system@1.1.0-beta.83","_nodeVersion":"12.22.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-2HPchFjWZzzJjr0LrkRI9sKrcG79bjW2EVGQ0fayNW+ShxZYv1y7GMtY52UsyDsOJJ8w/VsE/6TTRDOt6VA0WQ==","shasum":"aab2abd3a771e8bae888bcf6e93a87d050673752","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.83.tgz","fileCount":1082,"unpackedSize":67323776,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg2eRkCRA9TVsSAnZWagAAP0wQAJgJfI7pGwAHF33+ON1I\n2eGyPxDK1Ex9uCd+bPlpRSmaJ9qh8NDvRPlqQsLMxY1cGEAcoR7RHUGJT87g\nH7RyN+EjV49QO8Oo6FApgohczPsC5UnGiS+0nr0fp7UleMZtYrwGYdm1sWVD\nSa28TC/13uGW7vxks81GbimmwYaZjZsdGeIsqQqA0HO7km+HiSfnFGpJRtQ5\nqnfyZQOS+1ySzrY1eYXr4gRTVBITg8zHHfIdcxP5ix41QG0UtZboZz61RMby\nyAhfZ+xITpQNknQnJLSBpZdT3C3IPGDRiFRZV1mYhOa+zkDS5oAQLzwPw1ky\nG86sCNW4wfUNszVsX+vkd8v8PtaoJuryRBFpM7cjEwwKEvNDk0frmKxlfzxX\nWf8qM0rCX1AxiCDLe87AnIqWHKJKsl7zdMJS8jsTq7QIsd9tp7O6HVWoSmEx\ntGvfF4bpiyaCKipt+8VaYLSh7++/VTOCs83sNGJaZB3aGoHVuIbVA+Lug7WT\ndlZtprwUzMwdcBEa/gCXgmbxqEkhx/E//wKcE/0bBCYNYGuJjYxHJ2QfN0Hi\nv+pGI5dQBEH7E/xfnETyLvO2SAGUSo0ZVVt91/pIAxSVL2gJvnk7Dr8IO5jV\no4jtEQCIANLMAZk9WaqKz1j2lmVMxGuO5v3ASyzxiJrvLZMwrQzDXlKPAqS8\nnvDL\r\n=BAOR\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCNiycD+UiNdNujrq/E+GVxAzGQJty0K1M4uSEPbNhd0AIhALcFASJlE07Gs07LZdkAT+74538oBTUrBmh5ZNBNx2PE"}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.83_1624892514932_0.9303533326520088"},"_hasShrinkwrap":false},"1.1.0-beta.84":{"name":"@spaceone/design-system","version":"1.1.0-beta.84","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"9fe426eb55d1da4b1662e586f559d5e059e4ce3f","_id":"@spaceone/design-system@1.1.0-beta.84","_nodeVersion":"12.22.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-eA9R0laWPaDfvxcChoe0QNC2F8FZtEyepo39wuxBaccc4YLsU+D5Bs+6cDiGZl9CYEZjdq0WXsUgIPU/rtgkfw==","shasum":"ae65fbda5e41e9f96178375e1531aa1c393c10e0","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.84.tgz","fileCount":1082,"unpackedSize":67323841,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg2fn3CRA9TVsSAnZWagAACXkQAIQVuc84Qy/1AGhJ/eWd\n+udEXii3xq8QPrElRkpxLk/GusHyo9JNlJMsF0iKXcOCcoYJPKIq4Qu9FM4x\nHgI5kkLCexAw5/546/ZP1XX1WRcZq2tUzLrqUQUWbnfsNLadT+pRgIEbom/i\nHJiiRQ8R7cmuygb94XJzSYH2c5qbw6FwCEZkOLxKBZbEjpSx4YmeZ2FvjGpn\niQ+BkW/WXK+drOE8unudySm8avqXFqzk2hP9z2dhoiPBHS3DROCXG+ml20qD\n3VJbJHyE+uS2rVSXbzT9Sbyh0gFzNsIPndorYZqX7UJKu6v+FU0fQ/bmn+ZC\nU9UlR9mFERpVWSbU6MlopizVJyRO+akrUxomQCchadI6WslC3ml+CovJhR9O\nieOWu2k7+7nd0BHAvMYhrPAw05yRWYUTQatzEYshjngpcaNIF0w7uGimQgA4\n+v2N/Vs2AzzyRYB81ujwrx1vC+3KDdQngQII/cP6aulIabjxbn2zYeKXy2+0\nPwb9uWD8zqsT8RcYC4E2/87hTUBYoG/X/MVqxD0QL7TE4RYBrTVT94QceouX\nYLZHr9vKg6g9iCPiAxMScZ/njllVGsj/E8gWzXbtVfvlcpmLVN7BwjGoM++L\nOC6rdMt+qJLVNwDy672J3TzAXjIjAbuNzNBqxMVSVLtoq+jdihZNYl73cFBB\n/oqa\r\n=+haV\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCm1lXdLmkyfAEpJU8GdSK6+sI05rrd2qxK4IC6xdfJbQIhAMvEj50t6Ue230gSOoAUaYmcoKgGA1cnVZLEGijAu9aw"}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.84_1624898037915_0.6220235645920693"},"_hasShrinkwrap":false},"1.1.0-beta.85":{"name":"@spaceone/design-system","version":"1.1.0-beta.85","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"1524464c9c7363abf93bcb7881f5c7cdfb99ceb7","_id":"@spaceone/design-system@1.1.0-beta.85","_nodeVersion":"12.22.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-BchV+mv3d7mGx5wZYxP6bOCmQ6f2AQwZPDB3vOz3iMejv1Jl6YRE4g/3s+hkbUJwoOYo5qU3Mun0ApPjsH5CWg==","shasum":"436488dfb34fb9d65e7f738b45afa0a1cfc0dd6e","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.85.tgz","fileCount":1082,"unpackedSize":67325476,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg2sp6CRA9TVsSAnZWagAA/8QP/R4nTkYJPBZNk6sIjpTh\nobbrPJbFBXBJk+weTG8v6866pPF9m4pnDdWg4edapnSZTVKr+cLk2ZQa8XZl\n6k+JtwX9cm7LPKsaG3/uqxTCVUhsRQWKVKB5njsGuIzWXDaTE35BrKbYyuJJ\ntMed3vCYGdrELMWmrJxGIiobiwhgYzZw6eDF68ioH8nEjHkH1xzXCPaN/WNJ\nQDTiKs07xkhjz4yDXBUY0MyqvNclMXC93i8j7RxUm4uRhLeE9h1nOhQlMX/L\nJKKRLiypLxvPjy2IJlzqKYjn5/wlqyCbf7a5312zQUPtM0BHtzhv8k179Jx8\nSrZNqeZpmat2BJPAC+Y0BKJXS87/XtFrsPrze7SxkoI6MZpE2GQsl5Iw1VUw\n3V8eAH76mGPV8bjTWCJMRAjdwSt6rmqGHh0xy6456wuYQldMDFGqlM/BTDxw\nn0txS+fpLcAgvnri1q8Pt9IHUXEDFO0o26uG5JWUwNhocwlVT6vkZmrorfc3\nL0Q3ofEI4nqivsOHQ0kjv/dSxGHk+kEH7FEVJidCLi9tss6hlUpw0SRaDDsL\nF7KFRQnZVAOifGPuSk45jGbk30e6yUfLUTUI8khHFMJiZq2f4tGB0On/FE24\ncU6DfBSQ1nWR/oE6PWvP6DzqnIhdyo6AIGYvKRQZ3K2EcqMVt6ulzftCAc+p\n/7zR\r\n=ivmO\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHpy2VRAmMtHSFZWMg5R3Z/BGnwERL043t20MvOTOS+aAiEAoiXI4Fx59GkVTfgp87w3H/eQYTWgequpfDtK/uQZKo0="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.85_1624951417338_0.3401731633712288"},"_hasShrinkwrap":false},"1.1.0-beta.86":{"name":"@spaceone/design-system","version":"1.1.0-beta.86","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"8798dd2dd264ef220b4cf6ea5ffda2b21415a3a2","_id":"@spaceone/design-system@1.1.0-beta.86","_nodeVersion":"12.22.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-a09QNgzwbi56FYUWo5K4XOVzeCD4X19uMGSkL+wx3u/TVc2IqFkBwIH4MG/pMCi3AZnpBWHs+dN6EHUQ3YeMvg==","shasum":"8eb33847a3f7bfff14c3e94cc3ee0c91c1df5aeb","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.86.tgz","fileCount":1082,"unpackedSize":67327054,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg2vswCRA9TVsSAnZWagAAGxgQAIXsAgvlh0a3/l3OLeLp\nkytKFuMR9M5Ht2Dm5RsUE4J+3YvfFBA84YNEpLADv0XFgP8ESPzJfaRESTKB\nBBMVyvmg7dsJIJWIYoX8ZTcQ98PwO8MprY4cLBZ+7GgRBrif6plJ7notTWq/\nTWC0PaZNmRAKrIiIdOyYdgMlfO+QzoIeQ43iMCifGf9xj3FFMsShrksC3Rl8\nP8TEXURjHPjNMlTCkzxYz0OzOexMKQ17JiOkMOFLT1HHo6DvoNYQXtd8ptTr\nBHcpEx2a5jRDkdvpu10CGrLpYpu8NMkESEN2ODt2RP9tjFp/zXqHJg7uwq04\nsT5WViMR6JJYANoSui7l4pijIVQSPW4JWRpT2H7R67Hw9LAivHSSL47b88P9\njAFdAobmSUxWIHaV43u64AEFsvoWBs8s+FO2IR+3Fwtne50QkkO/VX/ENFjV\ndTj8GMuz+zp4pEnMUAdynHSYnW/fkRU6/YQA8Wmh7Jk5IWWFFJh308jaXQ9t\n5fRfw2nvO/y3cdzwhyQD4mZWTk9LA587uIfpmsdiciOJ33sdn2ytsBEyzFpn\n4N/kIQHTow0EyuSVA6nDTdDgxe+cgKBPCdHcnAwKuBn3Xe3u128ByJoUBDqR\nX9UdLq5PjfEE/7G6PGvaf23ZejOvO4PESqNCPpaI56OE7XRxwEjQscsPsOyi\nwRLv\r\n=822B\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDJ0QcYXlhRx0ZGFErH5eZlCLJsTeIbXm7ZdjcFxfoE7QIgXAGbROILqQDE/e9sMi/l/n4SR5XGNZRUO5ZR/I/lV70="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.86_1624963887009_0.7745320582178814"},"_hasShrinkwrap":false},"1.1.0-beta.87":{"name":"@spaceone/design-system","version":"1.1.0-beta.87","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"c836d46c0c197c4e0b7d8af0612daf0853311866","_id":"@spaceone/design-system@1.1.0-beta.87","_nodeVersion":"12.22.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-6GvQUdC7H78dVuVcuLBZbZCS0pulPrIas7PLudIbeJ/G70c4IG7fRhTKN0wqDQ9+HLux/87q7O4LjIeVPbFnxw==","shasum":"1d46a1c457ba2d4d470efd07b08162daede24c80","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.87.tgz","fileCount":1082,"unpackedSize":67327156,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg2v3tCRA9TVsSAnZWagAAz2EP/jIrAPysIvogp+OMtcfv\n101k+iJywEdN8IRtANT3ozyEzkvzgCHcBaQ1s0wlEXmFbQnS6kfoxnaervyb\ncD6a1VKdmBwLvUAExjw2QhjSesKMsBm16/zbcVtrDnT8VHt3PBCIdPWUCnNg\noRpcbM+rmrBNWoJfZY07Q25Q0hLRaNpAzaSIbE8dulHuOb0ENU5pWT2Kdlw/\nw+/J4eIFsgBiN8SGd2DwXvldHL2e/VU9vVtaMcqfvd2K7cGDGuZFOvzGKgzH\nUrrJfrLkX50ZZBDJHpHhyGcQZeFT+8svzRnq3/OqRbCUpZSDR2pZljxGNkJJ\nPKudjTPs5oSH8/z/jfnKl8jJnqNefuOuOBIgpj8pLb5hOFfzz2gbua6NLGmO\nJB5UHAnqt4R1IHKjGNyegWrUse0Q97w1WXmEZpep9InT8hfjFBeqEQ/qIFDm\n3SIuBXGtlra4/RWlFogeRisaShPA1c2fBrn21zuxvFFsk6oGfRKIKj2Wi3aw\nQGSiJRc91WfIS8uTIcAN1VFq/Hhg+oCB+i8HJTGKE10qm4F+RY6tmwusN8b2\nC5zbvja90W6Kdey10sl0w2+Hzhk6NBirA+vZT8yw+0+V/k9bJw2HolxK/Qqs\nhOogOAzXcXppyo6bc9ShbKLsKN76vQIzwhd0a9HZFb++9giOsIw88I7wfztv\nS1Kw\r\n=V6nq\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDWeoy9R9x99+BE4vnmsbOzurYVetvcoG44ylbC7Q5y/wIhAKjGBqwEvDPSsxYtisug6ob0MAckYS2HXndfN6j056LB"}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.87_1624964588275_0.702921743231885"},"_hasShrinkwrap":false},"1.1.0-beta.88":{"name":"@spaceone/design-system","version":"1.1.0-beta.88","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"9436655d2227c7ec7fb2dfc5bf1dbe5f9cec6af9","_id":"@spaceone/design-system@1.1.0-beta.88","_nodeVersion":"12.22.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-VKM5qlM2VZsxsybLLImkqrZlyprlZqPiKjc8gKrbgO9NQ0DR8ydHg7A3YVKFl95s4oXN2hdfgx+n0gggwgUcrQ==","shasum":"8434f7b4943cf0d2815837d3121bd0d9f0b333f8","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.88.tgz","fileCount":1084,"unpackedSize":67331996,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg2xVICRA9TVsSAnZWagAAkw8QAIakcuNy2NxWiEvANuXF\nrbtWVAGzqfUr8SPWfOje++z3RrjRuurc/0KbikKmpmiXk7BtxFyie2SYrMCN\nrbl5u/q/wPtX/VM6ZR7KetOELGV0CbkladMtbmdlMfHp17vgU8951Q/jnQHl\npn/ij1DqreBhKSLyo1uC+QLPVESVQnYCJ0X9JfHSHVXrek4KHldGCsrWo68/\nFB+cpU6sua8CLw1gdkhcp5HhSN2YuicOeI6D6b8mPgjv5fCpC5hqhv1kmjCW\nbwyzM3n+F8Zr+Sd99ASWuswfSXHzkslHO3eYBOsfHIaj8KImIvmJplobjrZm\n7lhqozxe+9+rIxIxfAznWZ3B9Cs6WjjbZ9rATBMapOd6Vjva6jNVloS244Cp\nHO75oYlLhsT91eF8mLkXhs4oXKqwpzoW7cGNVtJfCAzwA5lZrmAgy00cJwjW\no/T0JvLOXJJ9qPlL75w2sLhuDEmQcWp/Zg9oXUu3V76nrIQl5aK2bhkL+Nx4\nOn+SfUbQMiYcOok3KsuCUQYyxqZHozeNDqn9GO//dLdqkMKksmgFf+cpuien\n4eyEvA9C0CztkUoLnHJnZXxP5HIs7sSDgLi6GM8WN2XU1Vmf96pL+9TolWi4\nyBxTyPsiq0kzLGoiLO2HQV0H1NXBh/IGjdxUcuGfObN3Xp6Bb+9BGrYhwT+K\nwBfW\r\n=TE3R\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDrcMjo0HU9LckyKAUzSm1/mjEHWPANcRE5K6bmI0zQCAiATDJwTOhhutAnLv0pV2wbpthdUX9iW6XHpNzxCGIzqlg=="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.88_1624970568022_0.24599881867945572"},"_hasShrinkwrap":false},"1.1.0-beta.89":{"name":"@spaceone/design-system","version":"1.1.0-beta.89","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"d2b75b2b3122d4f7f8afb0772284ad2f3084f2d1","_id":"@spaceone/design-system@1.1.0-beta.89","_nodeVersion":"12.22.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-695FZYJQLQjN6msSi90DrnLy4Z4JbFeCgiTLXYI33xp77cNatdY/NK27QLQ0irOMDl2MmJpMIcxd1qSln4k3yA==","shasum":"101cc04cfc7b880540252933db541d6ae6ceac5f","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.89.tgz","fileCount":1084,"unpackedSize":67331778,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg2yPACRA9TVsSAnZWagAAr5YP/R5iAg2PZtCFSpBoycy+\ntwvjxuze0cf4ygx5JffJ/UIl0wFWOfijK/WyCyVS/27F2t4kUSAI8p7P4MkL\n1cEyhgg7RfgRzuPSOsgX6LUQuMVxhlFZpgnkNaSYLAXeh74cHvGvfiJY7MQN\n01TP0z4aFXqMh10vfCldfB3/RPk3swAfXjczZpBzSCEIQxGinDkOUnxpUiwG\n+Mw6BNyttTaL++iavx14R7IZPZFtCnH7U3s+qAEB85FNrD/q4SGhAJqp+/ch\nv6tcPC/wFejfUV6f2CB+TXleuF7FgX7LEGivNMG8TK605cFRv3qHYEEXNcRO\n5TC69RgBSFxBjSfwKmVveySDMgc30K0WhknuwCW1cIHvat6nxMS7iDKalbkS\nvl6MQgtOr27cD/6l0CVHXfFL2lgPV877FgTNqhZPywT8g3dd5TagVBcF6sVD\nggRN62fG07hoGZw0uuwTHNFSVZCLdTG3nY1Vpnhx3fgANY8QmpNkXwrtu9Vf\niki2er8lxuwalQQ7sEoOgzQ5hbtXsCXFNIwG8JHHV/CVGeOfY6il7yoy4B0Y\ndZeDGw8c3UerBAEFIHFNnBM1oSKPLujDLRLhqTDbe1Hh0CnwBZQnI+L24oYI\n74xe0OD4QWUG32FmY9pkcOIgDozIpKHf5MZrHzBlXQP9ADxCn3wF3O0Fituz\ntnHd\r\n=BXdc\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDrAaZI1N0py4cFWoUGIiW+WZEFM3/nKnGwaeGeTRTu1wIhALY96ZTSlYwgBtrUP9S5I4pUE9M60J7nODcwsTIGuY04"}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.89_1624974271701_0.2472557653649019"},"_hasShrinkwrap":false},"1.1.0-beta.90":{"name":"@spaceone/design-system","version":"1.1.0-beta.90","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"e96bde2887abd18e206a94e4dfc43d27d84364cb","_id":"@spaceone/design-system@1.1.0-beta.90","_nodeVersion":"12.22.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-hwaVG9q5nF4Gj6hQ9+aeryDvUxiRIwYSXaCD7gTvZZB4eXF3D35yMAQfgMnDKRSi9fXDJwxGhmKeS1D/aw6KMQ==","shasum":"2bce8e62991d45fcfe24aca54b4bd6d5629a0602","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.90.tgz","fileCount":1084,"unpackedSize":67331807,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg2y/FCRA9TVsSAnZWagAA/L4P/3m/waMDzjQb5RuTuIEH\n7kVZ+DOTa6NEjuTVTJneUwPZYK9vAhyof7WCCQCEiPG3pxgQSUUFm+8ZCrXu\nksittO9d1Yo0xeu4LWL9gzOhAIxm9TtI5PC+j+ZC7xmnF6x5xubMxN2UXDWj\nMxXv8Oex58O7gOrIMAHDy/dFm/6aCiYg1PGCD3YQ8Kd8c4XFR71Q4JHq0CZz\nvgNMfhviYJ6Z3NVtXvbfE6dLZ4gPt7TaX1Jia8M54gKACCX82MvsjKN5viij\nOk91pil33ZQXxUhGIN6sM8vF1+Pb56KdUzSKrvGsDUEbosx9QPQY/87GBiaF\n5m2moC+WJP/1oKMLl3c3Jw1G3LJjGRqqx+lZMsrbvm/o6HrvurBhRT2bx2oM\nBh6ML7/nLVSgbT/8sUFm7qfcBqKm6XkFGNyaiLLknz76sUPnZLcvw1PApk5S\nszT4KOjwIr7qXsg0OAc54l/SGUN3zySo6IDkRBtAOO8zLZFUV+h/VvRfJx6B\neqFSbLo9mEjBkg7n5uvFkv8+iIU1Ijo44DZF6oDrlw1sZj3lqilBHFMLaD5B\nJukSwio9hEYD4KDsXjMEwXSahCvV1lBpVCwSdFd2jNRgcgapIGo2A2sJZM3a\n8j/M2ELmQh0Lc8jdTqv1RPYrKcfW7a58WloG3SlbRz9m3smxUJWTWTp2rJIw\nruUM\r\n=icRj\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCK6gVC5CqE0CPoOFNaMrf0QqIOfNGERBHnlZRJRwJzIgIgaEHrY7+jBXCgy7OEQtP0QGtliJRxf6vcJLmyjSLFX7U="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.90_1624977348639_0.48773928390876264"},"_hasShrinkwrap":false},"1.1.0-beta.91":{"name":"@spaceone/design-system","version":"1.1.0-beta.91","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"b103643ba7ffe4976ba7e26cede6c046cf2f31e2","_id":"@spaceone/design-system@1.1.0-beta.91","_nodeVersion":"12.22.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-kcvT5jZ6zpDZfhJSUNM1XHwB+RYlwKrRo+V9gA1zci6WfNL0j1zXrBFa1IbWGF/GbxgNkow6n7wtiVa9Y8p71g==","shasum":"e15d5c86d586ddb6f102a4c7a970bec4219768fe","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.91.tgz","fileCount":1084,"unpackedSize":67332213,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg29uoCRA9TVsSAnZWagAApGsP/jsgsGf3nCwUzNHkbt1S\nSEA0lZenQecVDX/fUZ/5iMbRAuo73rPhLjEhtptl6ow9OmPuI0yylkBtuXFI\nC4xFwI7bmTfrgVODcqDQYbjbyZ+0tkbY0SeSrMF6mknq3nmr+TpSB2yGQ6dI\n3DwTJZ7ElQAFIhE3VWKeO0x/gMU9EM7gs/tRyzswBTcTgTi7Mo9FNy420mLj\nZ7M6yrFuSZ4LmLZ1iAG4vDtqZBMqlfc7lR9d+NSaxVmASu+1Vn/y9X2vTXBr\nRRAF2vsHnMNpdlpRAh0KPr39KV5E6lIbqxydIm4tNS4xaay18jAMfCwJsEMz\ngPrn+N0bFSBrJV5UEkbCLC5//+82zte6+j5qQ1r60Jveiuoa66fZ5XcuVt64\nNwpgi7qjbLt04HCHumu+YbIkax86H4+LLzIY6CtoNUt011qzj9WKa0Jh5Epk\nlUfld122paAwRrcb4f5eOC0FkjskfqkHiUvapJzgLLg0FUxeaNpZAO4pe/nH\ncoiqTBZN3f1HpOvXRFbdyc+Blnfxw+H5H1zhrWnAsusClWX3uvGk53JvD3v+\nrYTraWSolYdqu6DJBqvl18j2FF+my5UBP5SJpyQ6QOLSyXr46yG7K9pKssjf\nTHg2Sb1+IVJzIUbH5DRWsepbirynDtBehEXBfepKLRkwPcR8+ufyEg5KzjxT\nUzHG\r\n=zNCt\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAZ6OnpkjiqaL+4rcgGCc4uR3f5BVkPmoEMb2ntE0sYuAiBttjmsHah29/B+y9Mpy+PWNNOzHCQHJM6irkvUW/mD4A=="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.91_1625021351825_0.49458332712645947"},"_hasShrinkwrap":false},"1.1.0-beta.92":{"name":"@spaceone/design-system","version":"1.1.0-beta.92","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"67bab4fa14794b974552fe754e09e3bf555a1cf5","_id":"@spaceone/design-system@1.1.0-beta.92","_nodeVersion":"12.22.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-JPBfkgfr6U9L7KKKwmwAsy/tNNpwXHyUPG9Ys2a9OQ6Ojd7wJJEhWpPXAbdy6i07iimVbUPrbR7kUX25U2sBGA==","shasum":"0788c29f1c29dab1b75ebaf9671731945f446aee","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.92.tgz","fileCount":1084,"unpackedSize":67332453,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg4sqICRA9TVsSAnZWagAAH+AP/0bzLtUTrG+XnxN95di3\nZCm66wjDnraNGWcDQOMJ8/itz+AZbn5zL6b4S1/LBXXleUsbVTCYJo9THI4/\ng9l4lPQrMkEBsdKJTMhDBA3IRDojVn1/PnOMNXwEDKYtWBNmWDZcKa+HH13s\nCLqDpZ4AZq4GebSyUkL8BrThZk3YTf/divVlQ7Nua0U8BzE5whvPvBgxoCbT\nnFv+LoMQ0jRt/fMZLDJbGlqaIpRmo5lkCK6lyzzN1d1niFtU60eYyoC0cfRu\nHjreJzb+VJPRuT7jjf+rKjtmodBTw95hsvE3ohMvFhnWkhIA5pQwMlAmrYMr\nE+Ocw51WRqxeBIx8c5Wz/KX5DAiyVrjQR6jF05xTo0ehKka0p9JQbuzdR5VQ\nlY8VOhNqbz/SeYvX0cWAPPJmqFkRGq2klVZkwxVyH0h2s3/0CyaApxTfo0sp\n4/ZaNEmTUDwFHxMVCT8TzPwM1GiXD+aTrN4czWtND/mLtR0miGp+zWdsdu7K\n/Fq0ua0WKO6D9KQeOV7oM4qnbJOwQP6T75t9Su/C3/sdvd/XXe0tMq5/+04K\njiT0mbXqGZ6DoDv6g9HbPvDfvN47KqvGyRxNimi+s6kSEAOEJE//nqRN09w0\n+8pCGcrBrWqDESoSmaMNnl3DL4L9XQlyfebTQZGO/n0GVxJnARNXuUphDXN3\n15Oq\r\n=vkAz\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICtCZ/YpEI85KmFYHJEUK8u39t0DCUelOtyFMiDjRV5dAiAzcWq+1MTAfw6m6jJ25/x9R7gGcbkWN0iT11aCiaMuuQ=="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.92_1625475717766_0.6810365983485325"},"_hasShrinkwrap":false},"1.1.0-beta.93":{"name":"@spaceone/design-system","version":"1.1.0-beta.93","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"4780ed391309842e6e7436b4f18aba8120b1e390","_id":"@spaceone/design-system@1.1.0-beta.93","_nodeVersion":"12.22.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-FKPHhRjy5ElZXZJRfUnLnM9t3O9AqGwPwO3Q7wqTzPIsmNsCvS6mYW5ZywPWHtH0rrbsQQ8IofgK9TeyXnKXvw==","shasum":"f6244a9f8364c6d76519626cd96a9c33a01d8121","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.93.tgz","fileCount":1086,"unpackedSize":67333347,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg4xyCCRA9TVsSAnZWagAAqM0P/31aXzkfxy4gCqtgVTJR\nMYov2CDVT5FySQav3kF5OoqtMEKk6golgZyvGnunacKtw1jciNOkpkiedh3R\nQZiMaMOpvyt47fWHOoV0tuALcHpCmCDSpo+P2+yeJKqL0x1/LSV9z7wGM+zZ\nRsujxVLJGwJtB0kGHwHO28p20IZd83c0jJ+SS5tq9OcHQguNCoCj8hCTnXU3\ncpNh4cQLu18s2DxgYw5hw9JNF0gC6VdwZBZ1Bh7sya9huUdepg7Glx4rPhYr\nwDVEjylpo9q9GhPfH+w89KjtNikUYTejTnXmhqs77hw9XpWN987hLwGGTecd\nJjmMT00SVj0AC9Zq6BYsOqsRmu67RqrRTDQj+liQCdE9/GEBG9RDsYZv0el5\n0ouufsb0lsice3pqFC1uYobDT1LQnQ2BB5oiiwp6KYp5jZL4I7JTHqA7gfze\nDZWq1T5yR0hJdTd2sTJ6gFfqB9Ml9InfQWZV6MJrZKTLCZyevTFq6xUSmB0+\nU0HIzl7U4JhT9GfIDiPImbw7LEtyM4CsJCrGobhbN4YIJzQ06ciS47b2H+rl\nq8BnfSfE5PJS3D9gM1GlrTy1lJNUD6OSoNpi+i6hkHemFzii26twHPSPZeST\nuRpAPUw05fgC5x4l8D6pav6yM44U2edV3bHWce5zwsHTlQjGPJoVphRC+bmr\ncXOZ\r\n=KO25\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGV3ufV6/+8bNd7qT5sisSVl5TCXuu77dQGrruKwUmNBAiBPmeop7lqs6cbOP098kXoEQ1nLIqmdCv9LHT70rRk+aQ=="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.93_1625496705692_0.04019096813831169"},"_hasShrinkwrap":false},"1.1.0-beta.94":{"name":"@spaceone/design-system","version":"1.1.0-beta.94","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"96d4d04ce3320bc41320c759bdeb922a0cf2fd75","_id":"@spaceone/design-system@1.1.0-beta.94","_nodeVersion":"12.22.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-n8Gw/qmK8uKzLCl+iNg2fe5TlmEJA8SG2CGFqwmS+uy3mojURDqWKG6aL6X2w3U+Reyh+vwss3/mmmSJQ3c+KQ==","shasum":"e1eff2627a44566093b8a3d7c085c9c1a83069c5","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.94.tgz","fileCount":1086,"unpackedSize":67333413,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg4+ufCRA9TVsSAnZWagAA7HcQAJLJ1gd6ZxZSkj72Dhlu\npNDRZiUKURVr0QDNMjXjX/0EFv3dzyHIXTqfB/fvYIQ44QQQ7HrYa8GqXFkc\nxbolZ6CT/9ogKLo6USLhVPuMJuApE+jwEHbTfikGlDVwWLyaOHVCAeaXgZo8\nsBlqumWWCSXOvThmolUYaFWRPLcOZ43+17BIldxGhgXgmv2ZArwsoYyQadUl\n3ehJ7eZzVBb1I+SeDxppQMry8Ys2QU4ZNH76/6C+5kXukWuzSsTuBaZKqMcS\nIda0MqaFPX6/STaDztswBvP3xkJZEsqV7kR4gApXsNR7W+JfNlpmt0i9Al+0\ns9n0MNGHw33Hq7CWR69eBzGDiq2HpIo3lSdKWWclKsjSHaOU4K9wj5ra/vfm\n3a5p2MYGjBe49ANXt53XV4ZATC+b8IA9n19ZrZWc/qVe+nDDGavU6cBvrcJo\nGL8bal34+Nq0ZFQD0wym30KDl+fSaPJdQ+NkZnZhzDi8mnJMR9XMTdO/dnwW\nflyn1oIDku7gE0nTk0dFZC+H7uEc+siGmXNru4pJkQfw3pbldGlrZcE6XA4v\njf6OWAeicnzhsyJtI2GY7JRaGGk5WkNL+z8wxztjax2TEpp9d2JIToz/OZnw\nNu3sznxW4EMGU8LD1AkQpFmfKDTeHwPrZRUFwgKwZkt7BlHbZtSwXDS8k64K\nULrG\r\n=iieI\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCL/DeXTA/vQ4J58M6kY71V4+QmrB1uTUT0+trTrWIwvAIhAKxXNGCABOhQ9GvlKEHNBG6trTWvZJjBWR0HFT9can4I"}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.94_1625549726565_0.9935919286280912"},"_hasShrinkwrap":false},"1.1.0-beta.95":{"name":"@spaceone/design-system","version":"1.1.0-beta.95","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"4827b71239a6d31109556a3a03f3429ca8b80942","_id":"@spaceone/design-system@1.1.0-beta.95","_nodeVersion":"12.22.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-hcBy44s8TbbyEZgn2gt5ap4M8uCSCqvvpH5ZyFfv3NsRcdfJHXdPrFdxTtguKA7tiEo01IdXwwVjh5jIc6/bXQ==","shasum":"452e8ed4b8ae3a9844b1fea16da7a6f080a6be7c","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.95.tgz","fileCount":1086,"unpackedSize":67333675,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg57xJCRA9TVsSAnZWagAA7/EP/jc1No93Nx1TuGFTu801\nHjfYbA6mC8oDxfjrMn8uIT/U7js8vs7oLxRTKrCGnWujheeSs5Z6pn8xRSGt\nIn3jp+DnSqTM/QMH+IOzeE8XHERjpI6UspqYS5UcO4zyv6O0Q4yygoQUh0za\noQ5FFgh8xYWKmwWSlH8L2ax4mkcnywwqg2nDCV1nAwO5/ytNDg5NBmv/eore\nti+eTjgaiNXvH8IBkkJAhMryuC4MsJleCUZq//FyVnHbd3yoEqz9ctjlLqYn\n9YWyTew/A6i6J8JJeyU6rVaISOIuwNm+6RyLX1yzb4Hrt4B2U8uXan+plHA5\n7n37+D8feUALrxZC6Ns1D9U26faBqs8QLfnHrfGMTYcj//b+TQPw2Rfs6wD9\nHLIvfiEKSTAaRMg/c0+KId9K9LQKyTfrhK29Z1z17ddKUu/9/yB3Fi6n2get\nNIZdAQ/Q47pk32xjxeYDOwMszYon41EkHvn7v+yCXl2PBENyPFDib/kQ/JES\ndGzMAGowKSSflM1fx/y4PUlszj1L8ZEcnfj9sQupzdNmKaFA8ug34BRCPO7q\neUrY33RAyF2+RwqI5o5LOF1eITO/U4QxD79VbItcCWQEM3g42b4C+S8rUlQp\ne+cyuDe2c8pzHHzoJr1pMR/wMUX/f1WQeguBY+xFyU+OMeq6VKROLMHkSJ1C\nl0EL\r\n=jkuG\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCREDMnp/AfNJrIKeRbN3QqVCkF6sa98jJ5QoeZe0sYpgIhAMdikHPlQJT+3P1tFqluKnNOtKqwJBpIooNYqdd9iAPa"}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.95_1625799752322_0.3999649807565222"},"_hasShrinkwrap":false},"1.1.0-beta.96":{"name":"@spaceone/design-system","version":"1.1.0-beta.96","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"07089bfe0ebe0cd832a96d19d2633a6a33833321","_id":"@spaceone/design-system@1.1.0-beta.96","_nodeVersion":"12.22.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-zKmXQUweabq3WUi937h8dEsM7NsCsuJ1uOLK4noWlobCQuKBJTXKeItvApesJeyy5gS1zKOFgO0WX/cJ3BCPmA==","shasum":"14795d9f155b88ee22ff01159b6fe9d3654d081a","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.96.tgz","fileCount":1086,"unpackedSize":67333742,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg59aPCRA9TVsSAnZWagAAhn4P/jaMTyKgOP7cGSRLOnxM\nk9dWHcQBjjjc0XiFPPvI1vBVm8L727bSPgjWbd0QKrSOSJFW1yqYXvFOCgWc\n4HTjwiYGFTE61mCzxf2TbTZddSUlo6wM2gVcxjuMMmjwCqeoXZEOfluMxguc\na9kx59ZnZZgfXc7fe9HDk1yK2hGbQtJh7L+vvvwWW9EJ3T23HN28WuVQN9tu\n5lrn5Yyu+2Av4pCbcU8VQ2rtJdUnppFFgbQNf7KgdTcXsWAeCcDIt+wKLRsM\nAZ2l6YtdSEG/B+UuOXO91qCvxPbNFXZwVCY3SbxwUST6V86+dB+yaLd95huV\nL+n7K1nG196GVflFw8V2zIeqfA++xJjJbgq/E23uU79F6QXCwCpvSQRQuEsl\n6lDwmxoTzc9CA3cCWuyGeoq438n2dQNZT37O/e3wYNlsKlHdcqr1EnwbUyZe\nVM+A9mMtIlXzAdDGHPHG9pi4KDRlygWPlHEqN3PqfdRoPvXXILVWnc5FxThn\n/rdTKSeYTnI07gL1yH8e41MfFJJyCIHOO5P4JtB2RhQZIrkr70iR+RZYHwZP\n1r5cXDhqYGxHNdU1ql3QbE6RV1p1+Lpz4Gl85TcuaC94dAUFTDS6bFn7JT/J\nqWhiGBmul/oHis8HhxSjA8DNGGbBH0IDnVrPf5g2+0gESCjOUFpiN+YQhto6\n/2sl\r\n=GFfA\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCp9l/7FiufcY62oyF8FNo/GqMIkUJacdT4ncguEKpkmQIgCUYC5cpj0JHzdhXg+pydkbW8jCQXCwYppUDNh/uHu3k="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.96_1625806478610_0.18323808730211488"},"_hasShrinkwrap":false},"1.1.0-beta.97":{"name":"@spaceone/design-system","version":"1.1.0-beta.97","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"ab7e847b0dd41264c782f7c878a391b22f65a2ad","_id":"@spaceone/design-system@1.1.0-beta.97","_nodeVersion":"12.22.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-ljIkEcad+Ts0QLvJtkD2PTSC5sDvA9dJmOkN1f/Foo0FNGsTpo2DCXufEDPsa9l9sbA++oizI+6w5AM7Z7nLcA==","shasum":"782edb9121770259394a09dc0749ba96fb5554ff","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.97.tgz","fileCount":1088,"unpackedSize":67356432,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg5+3iCRA9TVsSAnZWagAAo4EP/22yER9m7574Ag4Q8SkS\n2i+rEYWsqRcIPOmvV9kYilOoj4Gw5Hvgu6xOtdwB5cYxz69VG1OjsNaxJWwh\n+Gp2SBWIcBAC1F3qvKhNjmCTv9bZkcbxkKoQwmbJy/ZMPHdjq9G0bNuUr/Y9\n9PMwdO9Fjzqa0mN7poJkvK3zNI/W2UclNcZ7ok7rnWfx1PhmFAw3hTnYk/W+\ncRgstyPErLpG6Hjw3R9QpBQwT7MD0s9yXe2SbTg6Nmb4sroYtzZHoVXZoB+y\n93Fa398SuSRyjTaIbTPQELtvprxz/jWGESFNSXY4LL5XlFlhe+l1xNr0auAj\nNkCJyhsTzha6ip/5yJd3H98dTaDjASF0d3PGFZ4oyg6MPbQbX2I6sXOJ4nvL\nisjootiBGM7k/FRA4t6rzsXvIKgO24h0FvJqE5CDPK1IjKcAbLQJGiTSfXpR\nQOaSSFLsJds5JtrRANvlhw/oe0TLUrA8R38okoudk9tDQ0jHOzoBLd3SL9eX\nI3SrNQhF6Ascw5o8xstXsOBgXpJKebomaj/AOTi1M6eMhGiOvTpkHRtRvora\ngfGORKidH6ioN/qjSjioI3R/C2JlGls4krova0eggEtKmYmlUjuTT0GWh92g\nKb+TzI6Pg5ACcQXcQoh5WENDfesY+Y2wpPTEotIR5ZsCXLxoYyfzb9lAsY7c\nub4g\r\n=pMsd\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEzn6TtPNNBs1OSRMd1ch8W2N5QcU7vfEXKBwBp6cLc0AiEAy4hMLF4OKkcPHU3IIPiTUcMRFGohvxsuOvsd6aeIcTY="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.97_1625812447437_0.4175103828560407"},"_hasShrinkwrap":false},"1.1.0-beta.98":{"name":"@spaceone/design-system","version":"1.1.0-beta.98","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"96dd3aaa9c190fa9d82761fc1ea475c2c5d597e9","_id":"@spaceone/design-system@1.1.0-beta.98","_nodeVersion":"12.22.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-qbFR1H/CzSx8JCn9ihqYbbNd01RD5TBn439ripyezvygV7rZrSVO9eLO5YLszU8HWRnExa6jCjI32JOjCZy6ig==","shasum":"1a969b2c5ac6b254ffb781a4971b703009b410f0","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.98.tgz","fileCount":1090,"unpackedSize":67357846,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg6BXGCRA9TVsSAnZWagAAo40P/RKRIENxt41rZ1ofcSf/\nm9VstKldaYwdQTUaU1koEocLerazbKzjzPX1a6NbThTVueS68bjDJl3ClX/U\nHCfD+mUmdJVIaONvAcauhgl/IZRiZR7Oba/T1Y1fynIipIr9aZJGCme4V/M6\noGTSy4JPoBXQBJblhNtN/LAhhkNPFjXgvilQ7dOGJJa40kToW2d8nB9VLV/E\np14hEhvSRImPdW8HvSsNv3I9WxfCMeD0mo4C2bDyy3nOTw+NPU5XssR28D2b\nZrgvEr3Iht6kFw6CqfuzdL2aoGlOPFqC1nSgwQyBe4jB1xr/VrdWHaSfM4AB\nacYlhPTR85QPfi1iBiEXb/ougBYeHKSDv/ys1omkE1r9JPD9MutDG/3nmwFz\npvVBQGJ2sxG1XGO8SUE5hkoYL1Uky7R8kISqSpbSkS0yOwtdvfbs+grcEBLT\nos+h+Nj0Uifh0ACjzdGZ+cPp95Uk1K4aOKcM6ou87xl0olG7CVh6DZVVZxrl\n2kUupOkqsfBQF0n5mFHVsv/qu1A8AxzLz1RSQvHiaCII7JB5YOhwhQbgmGnD\nLG2iMz7mv5POjWJIZe+CZ9xaVhRK+7HCCuFIYwn5JYgOL+22KqNpJxM7QLvy\nii2H4OfG/uX3j29MG1XJ5kRn9Ycp0XNTbQ9Tvhlh2zF6ysp7Zu405n8ZtcY0\nuZzK\r\n=Og/f\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCA/XdB3n0F+uNl6N9OFcxz5Dxj3uTY6UtaGiPia3hjBgIhAKQAqDUqqiw4O8KRPqkMqh74eYVKtPpCR3LP0no8WwVO"}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.98_1625822662061_0.8463515480825632"},"_hasShrinkwrap":false},"1.1.0-beta.99":{"name":"@spaceone/design-system","version":"1.1.0-beta.99","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"49a0bb8c6edb598557df036516da5109fa3e06b6","_id":"@spaceone/design-system@1.1.0-beta.99","_nodeVersion":"12.22.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-EYxhC0lh9+dGHBMcmsKHnIkYJzIKXrpqkowgduDBr37uOrNkUSBp6veAarQhtsKNMBRfNufQiUU+DUfcShEN4A==","shasum":"8eeb0c6d78552512d1fad34aa628cced6c2f5f0e","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.99.tgz","fileCount":1090,"unpackedSize":67362509,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg6CZvCRA9TVsSAnZWagAAXlUP/2UzlGuKZ1dXojjG6s9/\nEzbv1K9n4uqf++qh5wkO6TEiUk2HWutIvT+WoFyP4o130jrMkanwW1/TPlMT\nIMNuIwbHPrjFi+XAmBjQDDKQU4mx7ljqIIqoT68Ki9I+c7ngUZztOUTeCP9D\nKmrvq6mzB47seoawSGErCOY8cuDaIMwkHRf45at2ypt3a+kWWiN7TxTdm1k8\nfr05zyxtB7JfEoAU+sTwAqu6UmLVwB/6SeaqMKPhoWHAblLa56jMREdtnfns\n6z6JsJF4Qphut86zsX84xAmRglkg+3fXOb4t59QQw4b1lFnYiNb1nOcim30n\nvpXYArWry4C1fjYezIcKWvumwjZe49YdZ/jBq1Dz/7GERIDBijHpJ40mpumK\n9NVhH0/u7rdjG1IOiXuhQrklA9kc47BIy2P8HVLII0M+6DwZdqXC2B/v6Sqf\n+haAx4Ah6Jp4kayQ/QK6+nOrjX8eMCmXr7PvKE/VyYrOkVn2UtXzvhewOyGc\nJ7cwzGBJ1G4rIPiQ4tTB8TJRU0WvHXy2GEEuBp4Kl6IsIB8L12yF15B7cUF7\nMXbWS8XCvAUpL+KuXizpKG1Qf2E8PhRQBF+iEEMlfBBLp3MDNakHD/sQEKjd\nE5mM1Jp2qn6kq6Hv8RD0aYm5Bn3WnTwx63mTdXtPSB/9UnROAMPgZL2jYuvq\nIaYM\r\n=Gx/U\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFqELxAjY8yjCxDtQ/uakzQpF7udaEyGQMZxIwCQGi0ZAiEA9ZgCwfb1qQQEJlXmE1FQtZh/NFNoSMXzFSqXPGfBb+c="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.99_1625826926415_0.5993448150851708"},"_hasShrinkwrap":false},"1.1.0-beta.100":{"name":"@spaceone/design-system","version":"1.1.0-beta.100","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"fc5b75a1ee2499a91ad6f4f0407a49374823d964","_id":"@spaceone/design-system@1.1.0-beta.100","_nodeVersion":"12.22.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-hbxinpull7vBBJ+qj4b02OWCavzPtM6QIM/nLoGXdRpuGzv/+qWiyb4h7bjlBFxS95ILa0dGzIT1gjr12Yf/1g==","shasum":"5ba62bc0dc4a4c50c6485d36a4f78524855ebf14","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.100.tgz","fileCount":1090,"unpackedSize":67362671,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg6DKfCRA9TVsSAnZWagAA7rMP/RoMRWXvNVqzYF8YEHxR\nIy6Gn0J3eZqRlNBPCBBPY5Fkav9BjR9yTHiV0DAsV9SWcdsTNn6kcic/GhCY\nQbs92Zriaa22PIdKmtgS8kDk/GTkMgRRGlPIJs+CkFDEZ+8QxSWjCAVGv3N3\ncG20kwi0nIbKYqcYtxtL6jx2X+HUttglWFMCvciwJ/m/9c0rkd1SuJkoGf+/\nHnplZvdBMHScjoTX1xnTwD58jBlwMa0OwYfM3juWiRbR3bW/AnKaHD1HiNC/\nC70lhb1Kh/dhdXSnptpTCVdCqFWC1W7k+nzNtm43ufcX7t4VISsX5FKKpB8X\n8RzXNpKapnvrmHp2G+v3uJ1FXIxPauPYbEn/JPfoz6e39OxdHPBHvxWmI1X3\nfy3D4X1UHKKT5qllGOBba3vbJ9GcQAbuoWYY6lGqbIxEi6P8BuUA4NppUJw5\nFGbOnwUrvdK/ImMtfaov0J+1ozl/cYfYlJdn7r3Du2eypSHLcvh351GVWRd6\n2Pw8FjzhaWrZAlByjC4zGFZm0kgJjQWcCnXwFoNfnoKLzQCI4k188BKrKVzm\nE9Wg7zHeNFUHg2Se1mb7minNlV8lLv6A7dB/BvE7c5crLecuV0TSgJutx00/\ncxzoPho6TmrfOtOlA38wc2x65nx78LAvzHChF+ErFFnCslDlpYFihrREjUCh\nNhtY\r\n=Ke46\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDl6MCfgreyPFH8EASUT9APchfdrB6gt0FOVRL+pgbhcAiEAyFFOj3R/alUFbu4eA/E3ZbC2fnS9E0oQ2JQ4fgqWEUg="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.100_1625830046573_0.45155739424206187"},"_hasShrinkwrap":false},"1.1.0-beta.101":{"name":"@spaceone/design-system","version":"1.1.0-beta.101","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"93be36ba17f5350269e08535fbd40f983d57ec61","_id":"@spaceone/design-system@1.1.0-beta.101","_nodeVersion":"12.22.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-ASQ0QQB6VYgnr6KQx5Tvdttl+/ScKcNKhx+3elblXqdca5fEWKdXjWuCxzQb9/+JPpEgPFhpQ9AFJ8C4qeaIoQ==","shasum":"cb637717adaf3b2f29f4c3415813a4195e0737d8","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.101.tgz","fileCount":1090,"unpackedSize":67363152,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg6EUsCRA9TVsSAnZWagAAiecP/1ZN20XT8T/No2VFDr7g\nzxnervIy2lSURWcyz61FYXuyoluB4eS6fjpQ4AYCUYc6cCXH1rjWj+/u4WzI\nJl18z74aYJ3NIzgxJ2PrdapQxHQkdoyfq5BSUxU83ad30QwzjOHWuZ+SFUPH\nfIDDoI7BeQ44YV3zcjFQvGEyE6ztYZbXwFQlOSqLqIaQ/2fjmtDTTVdIeXu2\nDg1C0PCR4+fnhXIYOTd5MLNxyeZEVvuCoNHNjlkwIOAnXkRd8vPUdgFH3Uut\ngJdOwzanpPNExnFIjm/fQvYUXijB7hnf7hRm6FnlN9AM8dyJjaUux6rpVCvn\niRjlTm+SL5BX7w2TdTjDRJuYlyLg9PXuPQ5PiZbla0HBq/1IKJvcafcFb5Bk\nJnCol+g5PU0VFPXKgDVz/8MHUzXclsnz5G2rMiSG0iv5VgjqKzbhOI9aai16\nv4Lr+To4OV+ZFy+OvQALY3wCcY5bhb8SKd01vU2kr1cyqfPk8wvrr71MfX9s\neyp2+gTVxAEPulhtaOxxvWnkDfj9DtWCOSoQpqQAxVIAGjBKz/kuLhara2mW\nxqu6IPhKON2VhL1rivzS6xOlRdEwWJB+xBD8NdZd0EzCCkCQCozu9ENcuEiB\nvl7IY2MAQeLe7xjT7xmIq3/KHbqe6zdCQhD63Zi1UiPKMa2N2bPNY0IDynd8\nMUC6\r\n=gpDG\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDgput7BmF9XjszXH7knchVgZq1HQGVDM+XKEXjkctQCQIgIMxtvEY4TJBZKo3EQTSoU1Z+ItY0D2+e1gvp9QR6r1Q="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.101_1625834795226_0.3598084025870958"},"_hasShrinkwrap":false},"1.1.0-beta.102":{"name":"@spaceone/design-system","version":"1.1.0-beta.102","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"a1f691b8d0af70293aa27e360668568169670ccc","_id":"@spaceone/design-system@1.1.0-beta.102","_nodeVersion":"12.22.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-1O0yP4l573wSxqb/655xoAq8t/PVwiHWxWgYJEXWShtrX2ZLGCVkQhIS0UXceptt3ygUnwamvtcxlZdaSZczYQ==","shasum":"6604b8ce80f335b9448cb590cd6ad2e427a0456b","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.102.tgz","fileCount":1090,"unpackedSize":67363513,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg68o6CRA9TVsSAnZWagAAQyAP/214+71xcUZQSMlxMhle\naUHf6HhSi2dx/CB7+NOIkpvNtBoKbPWfaOraqJGAr3lzzKYWhNE0Ju4H7uWD\nrVHGWfb5U8tm6SNYzzrc5FTcaLx4UEv+UsLvVF70VChygh4lfHwDVZqAU+cR\nnVckygNDg2PP5T9MUpPf3ulqfZCcnksT8JxWePis/Xfyqqs4iH1Quh6DSN37\nbLUWYtHg0i5WYNQNX27ABsMrFOJPM9UAlo48fafPlrpi5RVHxeZLSqA0iVmz\nHNRyTduRgCrHUSEsUy0XVF/eM+3Fgp8yjTeADRzQXh1K0VBzD0oVNgCvn3Nb\ndN7WKq6Wuqv92yHe2LNgv4bYuUjUGn076nRO6iJKyXzmNGLy2q1wx2abTL2M\nVTWn8uPcbZAkJjNBZEmeSDeLAf9VBp+1gAkUTVSBQz4+T0BbsE/GqvOD/Bwk\n+nxi1M2FiWrmblPnTckEmsNfn9eNjKtDYT3tbcZzJEFItklOOLub2nnRS+8h\nDVnZ9/IVnqJPz9KWRvtZ1ud5+ZWGnfssRmnFyGVwcvPC0BD+37uRWi/WAn/J\naqo0N4/MAhwlczigypJ52ZwLl72CieQw7Kap89Xe4Ywn5kL3znXb9oUQCQfi\nwk7iDAbKKda7s1soFmOgpV+2QHZ2pGBze0m7mbl4JtiFjj2T3Mr3C7mWitg2\nEuXf\r\n=SNxF\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDqaESywW/8OliVyWOJXv5ZLQYkKOjS7GAIXyjkCBL+nAIhALl2c/ArrcOtM+5h25NyPnneKY1Y/4SEZf9tkUI2SAvY"}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.102_1626065465831_0.8961498972226818"},"_hasShrinkwrap":false},"1.1.0-beta.103":{"name":"@spaceone/design-system","version":"1.1.0-beta.103","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"dad98541a31414361945be57e06cde8508e31323","_id":"@spaceone/design-system@1.1.0-beta.103","_nodeVersion":"12.22.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-TXvYDntX2aferaCQxEFtBsvGGo2ZlhceWxgXunOzjmLQJP3kiQ1DX5dPGKkKMBIMAvaRiBGbtDatZ1/teRpiWA==","shasum":"0e8ef958d0057d33a35c65e2113933d4c7743d63","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.103.tgz","fileCount":1090,"unpackedSize":67363542,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg7S/OCRA9TVsSAnZWagAASSgP/A9odddwn+LjEdL6JInp\n6b9C6pCajKxW+hFPyTSLz5J7xCLMII+NOM521II8NQoV4rbBIe1JkhAubHU2\nbsSWp9/h4ubGFOSPTE0+2lQ9pNHAXPmB/z0m6Cugf0cuqo51yIsy4KGERFZM\nAH7Fc8h7N9Pki0ufNvCyX5/ZmtZ1VNFt6q109cWkXTD3dl5M3DDWYinbVpR1\neH4ayCgAkvjrzK2veNHIuNNby5HzJVkxS+24ETKmp15aeeJTovI19LpNkG3H\nw+0TQkv6LWUBITJNhXTReZvSPXzhpzWyS3KFF4XFu8zfuk8WFfW5p1s07TkD\n7Kk9hcjhOD69MrRaEl3bwt/WIDiOktZVKS6BAIQcjHP0EgWoNzwyGcxWZD0D\ntaA2pgHEL4MyYzWLTFSgMBB+hpAUt/l6E4Y1ULYxiPWXuUAWJV8oMFleOMQ3\n7poyvyqTqu7O4F3rB2sVrcUsrvp3DBeD+HGYZA3N3kJKB4FY9ky07uATvBPU\nbJ1nwBIMn650ggbbKIVrLshgkUN90zv02g4yeEBtsOGE4Ze0X1HibkoGsQNo\naDo2lBDFy1VJApYUagpOSpvNlZmrzSHPAbv4QwbFbDEVsIp85YJ3omged5Oc\n7828vuX49eT3zv4t5iGmlB0F/UKBoF5cD/jI+nMd9EjsCTxPVSQ9dpW/DfKH\nUsiU\r\n=pSU4\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDwr3D5WbwQVhkPYasbjxdYU04jevsdek7VP15gt2fpjgIgWwq3z6gzLo0UBkn0tXrH+T6Fp8NN2U+w8CDg41WAdo4="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.103_1626157005715_0.5002235657862177"},"_hasShrinkwrap":false},"1.1.0-beta.104":{"name":"@spaceone/design-system","version":"1.1.0-beta.104","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"2fe3949c390f730e3cfd6552176b80d6a67a0782","_id":"@spaceone/design-system@1.1.0-beta.104","_nodeVersion":"12.22.3","_npmVersion":"7.12.1","dist":{"integrity":"sha512-SKD84SGg2ZI1b4PMWDb+/Q6rxUhdK/hBwVHCcYrs2WCE9ToppsYkDxqiOg76unFllI4uYtAy/HrXMJ8oW1s/iw==","shasum":"dbec726fba8bf76abcb7918247fe29aaf49ad28f","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.104.tgz","fileCount":1090,"unpackedSize":67365012,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg8EsiCRA9TVsSAnZWagAAkd0P/RIQkGstXpyiCaGtsTZP\nmMHPLl37jEPCYO1Qr1bEGpBVMRHv84/lh+PjRttiyOgp1aIlSPHiqfgRBZUt\nrl3NdJpX849/pM2AIlcKHwG7pOWTeY7EywaZ0WiE6dVVS/NOZ70Cmf3myAj5\nvWoCtlh3CKieEeJPsbXHqjqxDSaU4h7GdRQBU8Hcx/9KAe6fUarNThx+l7lf\nCNJl1c0fWuoMx1m7kuo7D2E45aWSHjrYdFxn89kk6pwrUtJGc4oblyxHrYD+\n99zRY5OrmfDqHTJkwFGXY4+KGqXTdtNP+6ebtf2oyosYrdu9eceY2KZHOq+2\nc7L/DdH1sJ9ngByuFXYHPZFddkNvvbWMP19xJi46AhCNGOr4mNxsRzeI9tdO\n4CQaOMzAHBoXIBEIyI63rdJJHzYCIQyXY1t5rRzPk57XlbXi3dBcP2XzwF6d\n3F9B4A4+TwEZRlKQtWkPLXGSsrdqbLXjggS1YQ+VTtrffxTGF2tcEjjb0VO0\n+2peyNwZO+eaaMyNzkt1gajbPecNrnH4A3Di6md7GsucKUotoJkWZjpPvSQQ\nMImx302uIMKLXgScNByFZh+7JbKkt+LWN5wCF3g6vuiv/lLda4o5i241bj79\nCiSUh+gOkH8JnVsqubnJQXSAtFLFs+0eC1MICuwAxSxsSM57Ui3a7Hvk69WI\nNEZK\r\n=l5bg\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDTxWjD/pr70q8V1J+aLU8XNL3YTQeMNmRykcY9j00ESwIgIrEt6z3Oo1kpptpjGPfCSmD2PeXxQDpPrtxTsydrE+U="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.104_1626360609472_0.8017823253542964"},"_hasShrinkwrap":false},"1.1.0-beta.105":{"name":"@spaceone/design-system","version":"1.1.0-beta.105","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"30042da47f4bfb882f4a8abda4ec59c36fdae9be","_id":"@spaceone/design-system@1.1.0-beta.105","_nodeVersion":"12.22.3","_npmVersion":"7.12.1","dist":{"integrity":"sha512-4Ea+vFjMnjKPq/I1QWfgSN+Op5pTZaqfXMcSVk9NOWU32G3ToTQSKtkN1RNq/ToQZnsud9j/TExj2RVOIw2Y5A==","shasum":"0dc785d73c316c2ce8a91ca90b6351d37f022f91","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.105.tgz","fileCount":1090,"unpackedSize":67366723,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg8O26CRA9TVsSAnZWagAA/PcP/3NJDF2xkUbcho40B3wR\nsuUg/LSX9Pg93JlgR3krvl1lFQQ4C5zE1ToamVvOHMweybS6r783ifqEbd2A\nsLpBbx5l9lLhEcOYHuzZpJU1QgK0Jt1x1oqdA9YOEB28ewiBJZ5RjkcVANhi\nTlJYKPyrS7rGAflQZrpSLJRleC8R7pgX/tO7fMFUQfCGckYYJLN4zOrtCxTF\nH4FyQDNGdAfW+SwbBo9Uy2Aw3e60TtXiRJwPgSqMdHdSBfO6BHsT7V+dLNFe\nij8m07q4Hnv0dtBgM0yS0NS8Nz855qWJzgIqOZCxcHWcJA/ypAbDoq9q6gFi\noBU6S/KyWmBVCff3Sf8qnIimAfx1dKiJC3ZVGFLj8DuBgf3UL9Hrwpx9Hna2\nzxY8TSPUTqDKXhUuj9tMc808ZovtFgQqg2xjX1TZDMnHop3EdhcXvGlZU041\n/Dlr/Tysb3H3ubCtaSZzdB43341+detlffdjwOoTWloUe8cytB6W7aL15zw6\n/kcHOkISogwu6X/RwbyDqQ4WRFtM3jwJqg59d/zh/vOEuFji0i+vMQUZvYki\n+sMQsrxZ7nWDzKYEz1uAoJypx1S4AOhL7pXop3IwzX3in48Lo6ZOq4rpCjY1\nDyA6OKAv2967YsdlbYlP8BJ5sRw2yitGk1pWYfg+RuR5MaDtitIwVfFXFC9f\nM21r\r\n=VGJC\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHXgwzVZzYrfXD9PMU9s5Y4pUjtqy5x44FPk8Rf8YZorAiEA2BOiD+HfPhB0/l5fJTWNV34FpOIH6IB3dfuHxyhmaJc="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.105_1626402233890_0.7567384459182755"},"_hasShrinkwrap":false},"1.1.0-beta.106":{"name":"@spaceone/design-system","version":"1.1.0-beta.106","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"f48703291d40e0477df7f4af4071f6cfb1603960","_id":"@spaceone/design-system@1.1.0-beta.106","_nodeVersion":"12.22.3","_npmVersion":"7.12.1","dist":{"integrity":"sha512-hOi2+cj9oc7kP++JeJ8kk8vmmZPkDAj+SUvKotMXnKvY7xeouOlbaihIguUd+Je1f+flRQsrjiVKZbUQJ5XRJQ==","shasum":"0c9cc116149c3f5f5b846fd0fb4f971ca8e58818","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.106.tgz","fileCount":1092,"unpackedSize":67372034,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg8PZ9CRA9TVsSAnZWagAAy5cP/2AMiSg14NZdLhCqrWqs\nvfbVhPGUTLFF/AmiWoqrhblhL2y8SEH5IGpTKpppBBJfSRautXtxPWCTovrq\nEczJIiEwECuTlekfmcJSsjzVtsIVRx/8smQNp2Nihf5LGRyVQqjwy8xPTW6t\n5qjGDf1EY9seNOQ+CPochAxOvo2TL961nJmGw7aGQT4NO7xtJdudlX8qgbY7\ndHu/mSP2Bkjx0NbDils1nnqRNvTZTaCmmziPkVJ3v/WR1Sibaq/S0FdBOxpf\nI8VyxfDCTnlos5mrNClw4s5tTzrX2hA4m4UFq31cNKUcHUUfqMUZoFV6r7at\n5kiSGPDBtyRf20Mun00mKnwK9s3AVn4ldUPW0+QU7PbHzKnNq4U45d2JewlV\nGjosut23geTwuhCvLjaorru7KWkXSy0ACx0KAkTnFsyx4dXZ7wchscpGRk0B\nzQaJHCqfpffpp0nGCPUx3VYGsmsK8oJWg1KqNHumcG3iMNuHsuWQ41AulDwC\nrbxc5/2m9a1VoPWqtVT1FXZk0y6069stt0Yt03qz/Ka7pxuV7A23yWsDUnZi\nVJmKzq7BC2QO0GEcjXBhH6d36pPPrzK9Y72VOUEoAEAwqZOthHlVuGsJVuVc\nwlu1x7l/+mQFqj0RxshccpnxpZVP9fElDijZPRyNhmnBuTVb8Rzfj8OpiRwE\ndtXy\r\n=1aqB\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGzBzJ9vlBi11fs5COY5rUog2zaIaoXoydn+c8GEtH0YAiEAwQ+yab++jc9m5Nta2RkpOD2lC13CG4yFk/ku5prMENc="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.106_1626404476798_0.9905523655649064"},"_hasShrinkwrap":false},"1.1.0-beta.107":{"name":"@spaceone/design-system","version":"1.1.0-beta.107","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"dfd153278d8eaedae0ad817e45f21c426871affd","_id":"@spaceone/design-system@1.1.0-beta.107","_nodeVersion":"12.22.3","_npmVersion":"7.12.1","dist":{"integrity":"sha512-8XtuXKNbWcvSQaimcRIY3Ld6nO8m32ZPZSisfKzuZp/La6+uaNEtruYUHrEb8GMMgq7AcdxWj5YoJJYtQHO1tg==","shasum":"0efdcea73084685ea714251ce951aa00cbe1c4c3","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.107.tgz","fileCount":1092,"unpackedSize":67372225,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg8QM7CRA9TVsSAnZWagAAUdYP/iBeZsKAbsUmL3Pynvvq\n0IDyJ8qkBYfOTKeAbh5rGR2mOMzsQD+BPyW0heSA5+Szfwq6yNp7rN4/hw9c\nK9dRFxz8r/TJsmtru7WN2FfgIUXj7Ph+O443udNl5ESuyZkZ7MC1yuvnzX05\nJD9OG4/O7nRBkOrRzgMvSTUp4KnrQwsM1F107h/2s+gBFxHMc0op5DLpQAlb\n2a1Ac/e2TTzQ3LdGJhFxY9z93MTEnG/V+rjmgt85+QdNWh6KH4I55Wt3rLWl\nO5YYc+jYUnrcTrMw/CpgwMTyWZGPucmMz7THk0EBCrUdwwpm9HKLxG8q6r3p\nSa205D8jXxOnUscNa9rXkPJGsB4rbdHgbEVd/yPjsaPiqS5y0hBwjkpHGyp3\nWQ5QZ5R/ID23Zz2IOrNfBzoffQY8AJFwTL0dV8IR4EtHZ1kTjjAkWESBvCd5\n1jtwOBUp3RUEdQWJNdu5WnMT7HCh3Su+EAbixwhyJqfnTlU/vwH49VRZjecM\n0KeXZvKv/xbkAk1UZ/3V6j6u11LJPf17G4XXu7zI5FfD3o/zt3U+aT5GHulS\nVLpH0RTNoWWWfE6majAv/jMPIGpLpfuw1u0AzfWzTztWaynK/oBxesMRc8HN\nXEZxK+aERbqH2ltpSoN5Goep2klFe1WACtoK/9/9wWnGfvIHjEUaWddkr4cA\njeuD\r\n=BoTA\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDo17vy+4FbJKgWh5S3yeBOqZvApPMQrID0OjHqrlxS0QIhAJh5lyUOSAaB8piKre1EuOwz5ojGgA1+1S3qP5cqahcz"}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.107_1626407739016_0.1216239094678675"},"_hasShrinkwrap":false},"1.1.0-beta.108":{"name":"@spaceone/design-system","version":"1.1.0-beta.108","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"79f0ac70275d31c70967b0493bfdfedb245385d6","_id":"@spaceone/design-system@1.1.0-beta.108","_nodeVersion":"12.22.3","_npmVersion":"7.12.1","dist":{"integrity":"sha512-mRKDPM28UfkUYdNDA2/JvlbaHx8r9Nb77gCi9DFcrxT5meZzj6qWpwBAAv3K7LcPJE93hI+Ya47tktJppfrqMQ==","shasum":"b753ab46b304cbe8e38f0f344d0352a56f611a57","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.108.tgz","fileCount":1092,"unpackedSize":67372745,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg9RhfCRA9TVsSAnZWagAAGGoP/AxzONFUBEVo9SVkaq2b\n28CON67wHV8MN0ZxhOx88G/h4MU40u8KyX3/kMXR8TSnJfVdk7KSMKRkCtCl\nxD3f0otKOr3UwlOUlU+2phkWZTkXXyDpHnkYwFeQMHeogIh0JEqlPhXcuKQu\nE717mCCuLkNYIaVw6r8G+dWpnQlJOO08gUTY0Tg1aPz+LmUOwccumNpf7gUY\nm1hnK5C/ed5Z3bR2r6cWbXAwK3qDNZIGRcshD0WhmMp4iHmO8W3vh+ESRD7t\nWRCB3GgJrEaogUL/QrETHYHIyHkoG4E98gy6Q9c1RJlwyBqD7FyjC26786i6\noyH6vqypDvwvWINUQ8h7NKYLy/qWACHIMHCFVPAcOvU30og6UjX9kBGCkzLn\nuuditgHcCsNt2I1AYOOFIKXRYYyf8OutljuLcm1lFSf8r6SEiv+UW/hp+ptj\nmaaFl+jk/ZlaS3oD7Am4nWKL+woMNOGYMOn1+OQ5HeQxTQvZ4JxSnPs7waDx\ngQPbteif3Ga+I+WMaF1Yhe984cgQw2O6dvFPhKSQFz3936UVyeSG9oHtjviL\ns4PQNldQThiRoOJtPT28YGIcsztoygC7+31JmqnpN8q3/bW0Bpa/b47qmmR1\nYrPfg28XvC2iX9ePdzFlpJ5Q8YhUqZyJBXQVOJ9hFD2YqJxDBvd3wtaqXS6g\n75hY\r\n=zCkU\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCID8Tn/vFaNLhxVIR8R6YIRH8ZLMOH/TF4mHndAG0+wPBAiEAjUjSqEZ+5bOSriIE/szvrSEaXC2z5/GEE1HvJT6JBS4="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.108_1626675294579_0.3696347341567505"},"_hasShrinkwrap":false},"1.1.0-beta.109":{"name":"@spaceone/design-system","version":"1.1.0-beta.109","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"5c2987b8e20ab616d95d7c07b951c6450e0b4c44","_id":"@spaceone/design-system@1.1.0-beta.109","_nodeVersion":"12.22.3","_npmVersion":"7.12.1","dist":{"integrity":"sha512-/8iiegErfMsfPuAiXQaWcplAjyvrna9mCp/P699ORLtBoP7jdAJCri/0NjPycwzHouale/aoi1grW/SUgWuejA==","shasum":"76fedf65724f8cde3883c9f022799a5e6ac5eec1","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.109.tgz","fileCount":1092,"unpackedSize":67375850,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg9R44CRA9TVsSAnZWagAA53wP/3+npBYv4IGqCRHfAA0C\nc3mGCgcQlrSoG4kjDUzjmAIEmRL71AN8iIftDQGE2L1ce/YzjqgfAk/sq2Vo\nFEupOyMM5ns56/UWjQ0SYAd9XxB5Z9WUk0ocAVOSgWzdlO7BKl8s8UjqycYi\nq5STQsXj9mENUYM15FEniKB+IbkTbGqDYFCi2lgzS50/bSGSXaKLt6g+tHm4\nAagogjK4LIf7t0MWZpICEqdSCZ1ISpwUkvc6KczQpuJc8uysfXkiqyk9xJXL\nTz+jx5/RpA8k4uW/yjEyDPcKlcw1pEPRTxgbzd79fg8u+Ve5CjpM3I3iQztb\nUq3hYh/Vy5cGlgZUOH7vxP/HNw8regWkYdJLcKzmsGSCsWrCjielm9tAuYZJ\nbAV78Rzcpyf37DaTObR4cU/fMckN2DhAq3IS2X2zNsxq7K6Zhz6UtC9jURd6\nO4xu7RjVrGkwDn1Dh/mB+D9kRjuLa5srkIvJDHjhZuxIat1vGR6WC8c2jL5o\nR68kjc+kxEu5EUOTUOxgZ1LzyplbjFsMER4MFHc4VLTXs6mfQ7WAXVo1oQ7d\nbQj8R0EQWR6PIFjkWNCCxkHIjf+0+9eDwMNmM2Zi8PMtzHD/dXe9GIY5iEP7\nFVy16a5kFDpzvDF2Yrx43Rh8KVYQlbGRSKJbFxqzo6qJ4KUTTaAzScZOGtb/\nD/Mm\r\n=dPIw\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDeljxUAjGgwPYcB7b6ac/N23Wi6lKTvK7twPBiXIlq0AiEAt0Ee4pRdcWB8RFSyhUcSCeI3SCu3vsxLUyJMFk0Spz0="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.109_1626676791551_0.6334821725612634"},"_hasShrinkwrap":false},"1.1.0-beta.110":{"name":"@spaceone/design-system","version":"1.1.0-beta.110","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"574c8383c55a152ab8e0f17e6988ee1e883d9178","_id":"@spaceone/design-system@1.1.0-beta.110","_nodeVersion":"12.22.3","_npmVersion":"7.12.1","dist":{"integrity":"sha512-XTb1w4L//sJDiVTJjhaKWzeEMtATdPrklC1sg97TnunPdjY2ZX9BV3kgnIVKzbGyzYksplAEv9Sm3LYqlmKNVQ==","shasum":"3ee8c67479f516fba26d19f4a7a39f4f53fb0015","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.110.tgz","fileCount":1092,"unpackedSize":67375828,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg9WgqCRA9TVsSAnZWagAAemkP/jIyw7d8HnLtBYRqQlN0\nIqs45YZa1s26/7pKAwoTZ93KtikSgyC1AtSgkPLhULpPYfisxqWgU4dlIOxo\neGgZboTlpPpDxNyMrJMgigb8LqzuAMLoRBHuJn+95XW20rq25i5sfmlZUimt\ni3pFLqQ3b74kS3uMQVV6/eOdxWtiXrBKlnqc1f/veSQ09lGQ32AN8XoqomO7\nVe0o3OiDvzV7jv/yjyWYschaiCvUKOeTha8dCFGuyR1K6sl72NT2PIYTbfUq\nsXnsEeYo2iYWhrNhgJr9dFCB18CuteN2AtMAkuGowinHl7RHaygWpHamTWCH\nM2Oh8FG+xaGtkfHSMk/bQEKaBtkzVjM4Iv5jqvT6nnOJ8kb+mvclDyD8Sgqu\nd7PxXwM1/RvYzfZvj2HyzOe+BjjKGdlvDJi3e3tMzsPQsedy/ubiB3x2WiWJ\njnHDZhxaswGaanmILNf5Kv08cZpCyHDW5X4NQ6TsDMRyNxl8eno++Gi2f1X8\n4mb8w6kxsSX2aHuGbL/V47LoeEfMG3zzOS2ZHYvLp7c1xOEgAcUF6V5BmIhc\noS828ubGCW5f9PyYRM2aPSEbKn9yOUl3yodOIjZsopugXmGQv8b1brpSSunA\nmnvY0OYXFQTw0GctBX9VkgTaQNyLFnnWuiL2CvZY29d9X4yFLiG45EprZHZ4\n3N78\r\n=geKV\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDaJY2uerMglbFY8VznlRzmhVHiwshxI0QzXx1p5ZEAIAiBlf2R/0TskTGyfo/OzqWk+a92bljP4rip38Kj2D89RbQ=="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.110_1626695721768_0.6186094599934833"},"_hasShrinkwrap":false},"1.1.0-beta.111":{"name":"@spaceone/design-system","version":"1.1.0-beta.111","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"194d6420ba022ba31ac82d8c7a3f7548d6ea774b","_id":"@spaceone/design-system@1.1.0-beta.111","_nodeVersion":"12.22.3","_npmVersion":"7.12.1","dist":{"integrity":"sha512-/uRSDRr2EwYuWqfMTFyPJglZ8odQ47oYhWqSQsshyJ/uSF33iwOAGywiuS/seLCNZTatp+AMwvYo1KsbuDGi9g==","shasum":"3fc683c8fc9cc82fe0802c66959956e9d54d01cb","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.111.tgz","fileCount":1092,"unpackedSize":67376282,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg9WviCRA9TVsSAnZWagAALnsP/A3jtRT8lJuMFT8PHvnM\n7hszI5zdz3+1UIRJLq8Q8EAfvSq3E+0GpfuXTVE2wDVnwOARxKKuT6I1vV/c\nkq2HcB9/tna2NT/6ro1eStHBqMI3Dhmuj2w1gMtemaI85hFnvDtG1gQCxM+m\ndRS1KQqnvA5EP8Qj+3Gy8Ka3Z6KoA5EpaiiRGCgZ23noEDg6w5boIfGcKgFP\nrLjDhqJ25eFUpX4+EmWtyn4kgi/pvXNQlfKsOYRE61624muAlREzuS0eQ6zR\nBf8VD5TQMaCtVCFbPdwqgNLjRyw2SGoUg56SAJDJ8IsSlIqnEEWt+5d6T5M2\nju0tHsX1lGy5DJ43fs/mBJ9T7Jm/B2kZ+HzlO3VyJcgNFQy4QXPju7QP2me+\nUzAzecAduHGlORwFxcT40IEFkvhnlifz/iOT6UU4loLTM/Cf3dkDh2nF353D\n1JjV4afm4rl78IpcE1vbX1x2hc47ewPtKIqgRg2T3WichfuuwOSkLingO6BG\n3q299YFQNVhsQgMGc/8ZzZJD42F/y9UQcaOgWqheSE3bbsDW6GzN7vu7WMZ5\nAMxSzqB39mGkvsQwL1VD+UI5unTu3lOwrQi+ZhmiPoJM+u71YfA9OjugLk7t\nHOsZpLVVztjzVkq/k2c4cyGeV3ufjlW71cUcrTl7nQlvB8w445z+z1cBjn86\nAIkK\r\n=TDDE\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDVR/5aFxLntIMWmyccee+8uoV+CQD9CQjZ3P8oYrQxAwIhAKFQ2G+wMcjLQYIamLgbuHdpYbLtByw6t2VbaSru79dh"}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.111_1626696673703_0.3549823082687229"},"_hasShrinkwrap":false},"1.1.0-beta.112":{"name":"@spaceone/design-system","version":"1.1.0-beta.112","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"c5e057118a72209c5cc5c02b88811ffca1533f8c","_id":"@spaceone/design-system@1.1.0-beta.112","_nodeVersion":"12.22.3","_npmVersion":"7.12.1","dist":{"integrity":"sha512-80xXgC2MPbJgqMeNWd7U+AuIGXM9mFr0xbfNXEQcgXzMNn5g54QN1txPSU/P3KwDNNtcm6HZsUtoGhl9ADGRUw==","shasum":"cf805bc9fc3d6255edf004ac941f3be767cd44c9","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.112.tgz","fileCount":1092,"unpackedSize":67376928,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg9ng4CRA9TVsSAnZWagAAjcAP/2uqlb26vcKlxYzqkQEt\nWLoWn9CqMuQ8rR9LZbmEfhKuvEmw2zCDNXaIdDlb8oF8AbFFnr8Hg1izho7m\n7JGk4Ly/6uDJZ6eC8+BoP2aDUJG7qV/FRGr92YuPqceL0fiWv+6lyMqObUJQ\nlbzQ7BemGVleZzzxHhdzW9gOIV6q5tOie135NLLZqOsHIV59fvdheh5Fqvwt\nymcRmrdUFSw2ZthjnjTHLLGi7KlJ1mz2aKglXSLd+OihlVcuwZ5ZfYhGcf6C\noYOa2gvB+wf93VioOKXaBdbRNSqeKY162SI7GGprGiPpU3Ls2skaKDVWQWDn\ncL6xCtz+iAnX2whsZAVoCl9hRuZlLDfoyuYQTJoK0ehHr8A2DPZ9VofVWNrm\nbnKaO/ruUFd4EVMXQ5Bw/zkVx7CKGUPxMckmN3OKEFfOiSc7c0r19TmHeUmW\nbzQkUkRLYqBE+i6PzjQ/SGeTkVQgb8QFtwwcd8MScjGAi3mVgCjJHCSGPt7j\nW5fuQ7oH2wbF88D8V8/irs+ivj18lUatogIxvOO26bxyocD0NwfhaaWgarGV\ndxEtt7qhmrR5YqUeqaO4hYbDtNMc4uj7UZT4hhc45plDLSZPVnVy/lhD4sDF\ndN3khy/u8Wx6bAJ4/LX8R1ltZUTbvFTABfRvgJ1XgwFK5v79jm3lsKtauGTy\nWSDK\r\n=FVce\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDJbfTMpPd8H8/racPP2HV33iSrNqIAsS/5wkoIQkRfsAIgEPAGTdeQJgAvNAJ4zHNBCDB87VZrYOad6Dn1sBtBRtk="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.112_1626765367964_0.906696308809916"},"_hasShrinkwrap":false},"1.1.0-beta.113":{"name":"@spaceone/design-system","version":"1.1.0-beta.113","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"d09b1c7c3de3ad0185773c1055de1ede6c44f495","_id":"@spaceone/design-system@1.1.0-beta.113","_nodeVersion":"12.22.3","_npmVersion":"7.12.1","dist":{"integrity":"sha512-EXX0gLJvdQYSbmK6iH5c9FuL8s7vQuh1WLYzm7Ww2Z7w9cdzhfG6X/Jx58Xi6FctCfnp/s0bkMnU960SxEZnAw==","shasum":"46fb629f15be5f32f3b80bc9e40811cc5942e377","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.113.tgz","fileCount":1092,"unpackedSize":67376809,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg9t5RCRA9TVsSAnZWagAAjE8P/1o8WN9rdp/13k+gVUsy\nkL7Q4HzpA/lRhKkPLdedJCcqQ8DeIvcVbcDsd78ioyuLI7swNPIuBsUpQFrR\nrh2Ln1aCz59b3KFaYGaZnMLZcswLRxCVpU+bKwhXh2jdlIgGbAj6cxcPMb5Y\n5n8D+MWbs+9lH7mYLeSrnghQ78HvDUEN1YdOIaB7pEiMoMIeq/bpFKFce+Hj\niEIrIPC4vFVM+KKrIaI4sXYVaNiVQQgtKcQYyKGA7Prs7dk0M5UCiAGetvJg\ndDdSZmjvl8M+0KUNa+3jkqNxm4CsXlMU5L82nB2TJB3Ht6uvYqCabjzrD4Vh\n3VQ3HJOlD8guMyAr+b9yB8UMQfTslGdcd36xr/hJPNqESMzsKh/JpdqTKQkn\nu5HPML2EOPYbzVX0OEzP5e3MiLvQsGqQRcOe5/oMJT/TmbNdY1kFx14sRDrD\nHtigJ7gUhhj8qAN9Lwdwlo6AwLmv1hxWJ+N1OGJ9C1NWFdOV89WuC+Gc7D7a\nEJgOA/04rmpNPR5+taT0fn9VuBRY/xyQsgjxiBKc8zaA3rnOerfBGe18iE8U\nkxJnVLlPHGaVXdUrU9k4JY581KBHkUK8OPlwmUlT8l2n/yySIjE0iThpy4Bd\n3IpnjbGTSFC+pm2N4VXgsNTBsj34HWU6u39AO2CCObL2NwiawL71C57vLcbN\nLr4S\r\n=8jyG\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDgrKIS49Bor+oxTBibG+ttOJbdvVy5ROop4wqprqq7eAiAHwy4DDS68xRME4If4+7TLeaD+1iR5vq2GHyIM8qh87g=="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.113_1626791504760_0.13282940509432084"},"_hasShrinkwrap":false},"1.1.0-beta.114":{"name":"@spaceone/design-system","version":"1.1.0-beta.114","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"75af4fd0ec841b02f3617776f46212dff0a7e57e","_id":"@spaceone/design-system@1.1.0-beta.114","_nodeVersion":"12.22.3","_npmVersion":"7.12.1","dist":{"integrity":"sha512-AZ2FEZL/KN+0g9ipvgduvIyDpOCgPbUTKYt0RpLXzfhm4T1QznSvbQcIqarJPCmeHZfQwkPfrn7crLZGqzn+Fw==","shasum":"585cff97bb8e20a9ef854341da39e8c24b27a61c","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.114.tgz","fileCount":1092,"unpackedSize":67376134,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg/k/iCRA9TVsSAnZWagAAy4cQAItbfg6ivL/RpITbr3iC\nSupgNOmopXLyLyO8mivIvf2ZXxwabAvMBoZKPrXSG9witMWJ3ZW0sjYtlwNl\nqqvSwwIOvjRSpDmmQ4F0PfQBshaLeJXoSf/0wWSnhsftWvom7IzREyz2fsPZ\nWnnD35tQCmhful/2yS6ycZFWRBg9IaeQfbq6MS1xOjesFUQJqVT/5DOPiIXg\nbvY7b2EfLR7skcENGoUTzvoZnvxmm6jBqR82NKoyPfR9JxbyQCXpZWeUVXAc\nUDjvu1ZAnTuYtCM3QgGOzZKTvsp1od1JfALWzvar9NK/6G1gzHWcge1KruGb\nenC2pehL8fEZFSKekltE/5y5dqnEoDx3hWbBKcaPJAVNDU5KUooaR/yo3Uyf\n5FevClB0WvLMeM/xhSvLEz0DJr3EbPNhI1zfmJba9O9FMz0IfEn6Ow+y4bUm\nws0w6qArrVkfiCGXsoKvDGZdP6U8B2w+c9G+PPVFtjuTIGZdTmTcxpgKsgP0\nEJN+DZ3V+VqDvPSZ8C6jq1aVUPzw+Z0wO1T2BXGZ/+wz1rhyHmU9oAdjQxKO\n7iJhVCrQ+iLHpTOQYtpJAMbeZGgztpa1FzKB7TBZQJ2vjHr5+dqGtIEXCI4S\nwD1RJYu8JOCDWY6y4I294eNLqA7eqR+GBGnu+9C2I+2L5wr/dJ/xUmA1wwpS\n6ajk\r\n=y+H/\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCbKYu2E6cLd7M2KWxDh3CpXpclANYx9pSEXc4po3i5+QIgGuynpI5gLkn+dF69yto13tLfsYGO3BQaljaoG9X3JvM="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.114_1627279329633_0.9117528115822882"},"_hasShrinkwrap":false},"1.1.0-beta.115":{"name":"@spaceone/design-system","version":"1.1.0-beta.115","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"f4b83489f65e80507ec94a614789106a202630a0","_id":"@spaceone/design-system@1.1.0-beta.115","_nodeVersion":"12.22.3","_npmVersion":"7.12.1","dist":{"integrity":"sha512-uQ7RVzgFsaxSsy1es5NXAvTdUnHFM6WsxzFal/OzTs5QbsZBAoJ4P7olpS/yX+jKzHa19ciyfjSpW69zJPCRQg==","shasum":"4d89aec6537a4701788aef4cbfea323377b69f4f","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.115.tgz","fileCount":1092,"unpackedSize":67373678,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg/owLCRA9TVsSAnZWagAAtuoP/2I3uO6ELWugY3t2ZruH\nMcRLjS9Oj9t1rYh4oR8y/J9W7i+6hRgkwP8KQAzYk7oU6lHiWXB2rlBzsthg\nhwdY9BFZyS2iTlSHq9B6l+T4eBs8rL/EDeODAQy4YvYK4KY1CV0YrxCrpdYq\n4wLPbVXp4NAeGEWBJWslAKXWNlK3AWkW8MpI1T9/Q2/WB/y38zanvADHXCNd\nj880L1YpB0M4GBqVrH7Y9AryKb1FLxfKHMXHGZSIWwIshBrnXS2awaBpzCj0\nalD8YsQbd2y4fbBkhTbZ7CGY0ke9yuuR6DikLTEem0UiC263VndQ/Bextdlu\no/xNcdCewkt5uaq1g18ReKYCif+MsTXaE0oce8kMXN/CccyK52PYyCoqTiCP\ncIStnONk/BImdEOWzzpmvUIlAyBT6ZOcYMzra2Hwy9bGx+l0zx8agyIBZ7Ns\nlK05oT5y8NQdWEn54ixCq9WxKfDYRsb7K5K5R4MKfys5aUdQH4Pn6kX19dYF\na7m98Yr9t6SVujjtd1yZEo2SnO27jGMT6NCmen8KcNO/Px0rPqIaGhlir09g\n/o3uaUE2XvNRDYZvggeDcCf81KoEquHEt+1TatTlJRpuqnR2+BN64kPwxZko\nt0TVe1EeV6IED3oDmsOjqMa7NevYpMfkJ+8NBY2UeCK+DBqRjpEUxFM1H0py\nhcg3\r\n=folR\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCdmgCE0oTz5ymazJkGx/V+RX8dYcgYrIVUpAYeYnQJcwIgPCgQbBTLsMxQ74Cm6pVjJsa8pZEPMpJZix8bQqZ3d0g="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.115_1627294731253_0.4331320535950962"},"_hasShrinkwrap":false},"1.1.0-beta.116":{"name":"@spaceone/design-system","version":"1.1.0-beta.116","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"8a00011f61958daeb866ef9df235c238af7524b3","_id":"@spaceone/design-system@1.1.0-beta.116","_nodeVersion":"12.22.3","_npmVersion":"7.12.1","dist":{"integrity":"sha512-PKjW+GYAl3MHAyUPJy4fJup3UqYKFC564oZF2Doca9rQx/CxtR3V5xqsT3O+GE9VH0yWMHi0C5r0GU12q7gLjA==","shasum":"a098717a3834efb0c83df1f7663fbbd38d3c6d5a","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.116.tgz","fileCount":1092,"unpackedSize":67366246,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhA7tYCRA9TVsSAnZWagAAneUP/jj0G3zH7oyhtrhrEg3O\n7cDd5jrhFAunwN+EjWbzG8ozBXFcUNW5xlGxmAY3IJlW8NaqHeBP8EpQ6qo6\ncfmJa/0ccP/TYNgYNEeqJIsiBsS/8o+v/u+x8n4M8AKVTRnGf6KzsSOUF1uw\nFruzPHe/9s5qf80Jc5b/Tc1Lg/lNAbon3XbMAfDxMCwHNGnSQISlisVGVk8Y\nb0DbtjAs3Kq4z6jPHMiDaqfKkyjZTkhDc6DaQ4q1BnmUEYGXXGO2I9xOvvZc\nmHVqAoZQzyargADW4uSx/wFIrc7nNRq36q//foPMJOTTVIMbnWW40FlyDbDf\nLGrxGFySNHtyDdwImluyv/4MsSUyosLxLkGMzmuTn56fIsHMYs8jKxIaDPB+\nYIGBUbxOHUrzyHGE9YmAM/9et/0/81gH2ZOa/mChpagq02Xg9DqPSaUBQoxS\nbbVARrigqusjVKFAIuFUCgfIyZU3+Y3evqPEl3nO6VvvvnGfOw1/W10ysx3w\nTp2V6vKHUVlT5fe+pk7WLi9LUvoebYmbyD5mItU8n63zuzeLSKWV6mUeNPrq\n4KJgCHAv2sYRWnzDjAiSik2HmZI61/RdSJwfuT0pFtr9s5YS18HDqf24vtCp\nFBwmi3a8Tf4RTUnww/dWqUkQIYKFnap3XYxO+SRdq42C6X9ovyZKZxjP8m2U\nwNIx\r\n=hBq8\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIF/vUhd8PM/Lm9u9AridyUIDojgzSLmqIowu0krLB4TfAiEA/bcqNnEoiqwKlqWXA4gCRVTVzUtUVe4pukHPARMo240="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.116_1627634519483_0.3933341608424057"},"_hasShrinkwrap":false},"1.1.0-beta.117":{"name":"@spaceone/design-system","version":"1.1.0-beta.117","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"a0438133779bbff8c66e7aa08d658192cf2ef2ec","_id":"@spaceone/design-system@1.1.0-beta.117","_nodeVersion":"12.22.4","_npmVersion":"7.12.1","dist":{"integrity":"sha512-qiRgzkfGoMlV5/PjKWJrIB01UjX6pzIOlDUX8KRk22KaMLUt3fqHJvC1LQTWLNCAo3ehuyOmYi+n3yBxQ8pB1w==","shasum":"eb7e1a7ea23b50160e27ec125612fcb706476476","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.117.tgz","fileCount":1101,"unpackedSize":67491247,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhEilhCRA9TVsSAnZWagAAiocP/R6d8qtRcqxn/4+S2QHO\nt7S585Ca+FHAlIYTuYHQ4cQCzEklU2qxrJlKZQrESGy8XXAGNvPkuOk4MxNH\nWdCiqSbTMkGUn+jBBgbaf4TjsvD0y1HxDoQiWEnmRJ47reBXadUzRxOCgKPS\nW4cqeL3XynSJqI4ZFVwl53N1U9P22uBij25pXCYJTQ6sLDLZEJbmfPseMpQt\nZIibHPve31tTUlzjlQEvTpRzv64jCPf0gNI3rbOave9NAbUu3qCMmW7v764s\nJS8ocaMP+DyY5ldJA51jc7UllGAm6yWlSqDUxgvW4OUg1yjS8pq5RUM7uTMs\nvlHhNBL6iCWaT90tC7DTn1cCoK8gHkGJ57itky/Voz1THCLM3P3HUQU0aeNo\nUh6keDasPsL/mN5l+XGOcs2gO2eVvNd8Qe7POqutvjrFuU3nXXd9TpJZ3Q8F\nZCr45i4TbPWizIgYF75eVkyMub338wEeM9+wbCf1PXHAs0NJMLq9e+6MCYR/\nEonv5kIHCjBYOleSzdO1S4t5X/1VY0Av5gtmq9q8aM04VoQ9gjhTef7eVJnv\nxHCvkWb++YzjZkSIZ6z4HWPk5EjmczgudlIa7yN4RwKE0Rfbjn+AUt85BiGp\nyscLYtmsA8AvRZ0BnYPEVTM6D6Rp5D7lTZJiFY0zRkepsFO9W9pr08pRlmLT\nWuWx\r\n=H4DV\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHQahF+DsqUvRTFBZ8qW6VgYbl7b6NYHl0nrlD//esucAiEAqTGvlYSf6yL06T+ATvZZp3ojOU+gLFzjc54VbQBewhg="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.117_1628580192833_0.3485676652609382"},"_hasShrinkwrap":false},"1.1.0-beta.118":{"name":"@spaceone/design-system","version":"1.1.0-beta.118","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"def74ed4dd831f96249e1ec2f0107a35130deb4a","_id":"@spaceone/design-system@1.1.0-beta.118","_nodeVersion":"12.22.4","_npmVersion":"7.12.1","dist":{"integrity":"sha512-gQYHtSBD3qbkEuDaC6P1r+qeS5f06zZH38ve/SYMf92lNAiTy8RZb6h6/bnAubzJS1rX8eEyNBPl6ae3Ak68uQ==","shasum":"7c1688ddb63241da9a3aa644fe7908eba170a917","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.118.tgz","fileCount":1101,"unpackedSize":67497253,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhFHTtCRA9TVsSAnZWagAAsgQP/ig2TCUltomYqOvP0eXS\nYWSr5de/StM4/nUihGULQodnuoiA34o4Qt9CWh/KSpnGLYE2wd00YaSDbdK3\n0SR8GDSwZxId7Q/ad/yPPGnsNvyczM04SWZC4J0jpgfweog94xsyxkdabD9g\nUSfXxGEWUNFaJjGAFNkW7g6Nb1yFPE02/+0gEEcPGjHR512vHr9ZDyZpglUi\nwyeSGh2+qSSqo+a9nD0VGghfT3HocLxuvuZrMJ1/FTEsnKswVEClArl0s5Yo\nSvNj+UqHlU5tgX7lwChXD4ONQCwcvaptdKUJn4jHs9YTMtRAVpSILyBHLot5\nnQ8+A+bMb4DOxoPFXdGc+l7wPeK5uuEs7ZuMdLGfyrnscBRKEmuXi34Je36Z\nd140c6Uqh1mL/UyK6oYOOF/MDop6MhjAux3SWFDNyUqp6ejuobzfpCsTbeFP\nd2Gvsrtnl1DYWfR1BoNb9P97tb9A85W2uUVoXONEhongpu64CEFtZ6XMvF0D\nxd+MQmQ57Y3yQ/okHXc9aqrO1PXFfU0qWJQhHBNL56So+kvdUrs0QD6AKyos\n5zI76LWd41EkEkAcWjO8qD6/Ed20Z+uA2RvJR1fV76u0Lh0sakRIjy837lWM\npusPHkQlfYhIqfA3HyOKJE724CO83+e7dYaShka67MBsxo7YWk295S0qzrZw\ncWof\r\n=JbvR\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFulWusJW+XLDMn4dZnAVADjPVcb2eH5bx1tQHjhUOT4AiAW0Qom1AXJm/2UvILGHH0RJR8J4D5P0w12xwqJtiWNwA=="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.118_1628730605067_0.6044979291513051"},"_hasShrinkwrap":false},"1.1.0-beta.119":{"name":"@spaceone/design-system","version":"1.1.0-beta.119","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"c6fb89251ee1d3529c76d9597e32881c056de2bd","_id":"@spaceone/design-system@1.1.0-beta.119","_nodeVersion":"12.22.4","_npmVersion":"7.12.1","dist":{"integrity":"sha512-kL6JyIKlIk6lNv0enpU7cNCS94Eu8XpArDuguTvVMSaCrlM/Fm38NC61Q1pf0U8tvy9c96L74r9klk83q0SP5Q==","shasum":"046ed20e4ae44f137e65cca5edf8ab675190d4a8","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.119.tgz","fileCount":1101,"unpackedSize":67497833,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhFMOMCRA9TVsSAnZWagAAga4P/jafC2nG1wYbCqqYoza6\nT1TuM6E3QP4x60t9XZ3u/wZuoG48h1lAWCbo2J+ez0xOAR6Nd1dTSFJWX1Yg\n+st4ccQ2zCWzuFFcX2F8ds59CKVLjgLFBWt4ceGVI0iPN0J6ur+MoBQRjCqb\n8gQJRaOQPDxYHajjzuNYilsGOauzYf+J8snR/mvBT36Iw5qnti/1WuMcUxq9\n3/Ja4KZGYImSPC7QRV4l4syWEbLL2hQfFhveXtGAVLeKcKJkCEWCNWBYxrUj\nWJZqejzrZk/ieLW/kcVzk8+x4dXQsN7X+ljluQRt7J34k/bjEa6dH4pAbCTi\n0duoC4pOD2DQ98iehOuSVtNuimdo9yAbyWZ1aD1XVRCEVhFd2cnaAfb1cvMC\neiDjifS+4qNBlTxlP8FFuQNERfVyNd89hyE1pqVm5PapbdBbwaUhDH3rwoCm\n2gu2SwceROkSqcO4qYdUzc74TbdPejJcMWYd9Rf07V0kp5lBxsKfHJPjGoQX\ndAgwkiC2W7cAPzfwJEshUW/b1zPLgdZWIOer+GoPIGoF9rrNP5C9G2U9Kckx\nwxJ35Ui898D5OxpFUKV7E7s7L7O8NWrf5efujP7E7euPtMEUngD7xAconpqc\nFCBSbLQIrsU/Ogjwb+ExiSn2yv6wGRF0DLUKX7qMLlq8rnS5D7WfjrVHhjXB\nOomm\r\n=TYeP\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIB2KkXHTkkQZtE4PfDTJqnKveFnGzrPLEM4nwcvx3fPGAiABUw1zRoCy71OvROGFn/icp3dbUVwsylwVC6foALXZEg=="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.119_1628750731459_0.4840398700178785"},"_hasShrinkwrap":false},"1.1.0-beta.120":{"name":"@spaceone/design-system","version":"1.1.0-beta.120","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"887c3d64e66fa927b7f780bdcbe85e14d13e964c","_id":"@spaceone/design-system@1.1.0-beta.120","_nodeVersion":"12.22.4","_npmVersion":"7.12.1","dist":{"integrity":"sha512-p46Q+rQRG+PNuJ/YDbId78zsBZB48OvhDFvESF9TQaeWum2m7q34rdab6h7FEM2tb4qjSby0c6RHBlWtBhvUOw==","shasum":"1e9fa74f544f4693c11e548c38368ddc0f9c8b90","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.120.tgz","fileCount":1101,"unpackedSize":67498387,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhFMh+CRA9TVsSAnZWagAAm6gP/i8U3LKFpLZdxG23IXqE\nNy3LwuEVA4DHtEwFlxjClXFSlL9MJQoGQCyxGC5vwfY1qftWWtNLs3sis7AL\n3JIZmcJiNxR22qfJe9UKO4N6ZWxlAdjzOUSDCx/uL1UC0dzJfBNdumS/YkjI\n4j3Qa+99WUcFuvtNFTFWVgzDvxjdmn4L9ejxLpciZ52/Plav3iOWbpcYSkyc\nsWEbG00sXm1TGcgzWyHDhaew8UNSKntuhWwgHuFIeFB/X2fWDRYx9c6UVJV/\n78N6gauaHLs4GMqsT8DRDPGL1DPbg6yFxkDJUxYDiEitKYUuHeba0pQ+C5Qo\nEmqd3FX4lLRJJARhdI2gwGT0fH4UhPzF4lNIYQgQJXU2iNw5mb53wfbo/j2z\nIGO2qidkQ9i5DoayzJMZACywHu0IQVcE65vh2Fi+bKebHMaUR4zX6DBxdtbr\n6FLsTAtz/UE+t1AdxJVGRegWkoC+6VDa7of2kPdM80T5ztu80JhoxLVyDB4R\nERwWOYCY778N5RFBxXTwccJvOaPcBuxDi0dGVlVNZfsH8Eym/jm3qNapBL4y\nXDUC5Ywq4u4xX7gByOVwWx9fp52s+PNXkyWTiJiFD329mcS1LsiHz/+4U3Iy\nTjZMkvHoNAQamWkO7GSzwXsVZh7ATc2Opcjnj+SGSFz9q7tPoUwi5wnxU4nh\nKzcj\r\n=oc/y\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGb2KLnGr6Z9bMyDEZ1lnA/VEx8K26eEzAuVLZKUuV7PAiEAyr+hu6lfNK7U5QLYk3775+Vm0yY1vWDsosyrOzGE40U="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.120_1628751997852_0.4699163640573536"},"_hasShrinkwrap":false},"1.1.0-beta.121":{"name":"@spaceone/design-system","version":"1.1.0-beta.121","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"794965de3a35fc2e5583e958824740e4472bdf4c","_id":"@spaceone/design-system@1.1.0-beta.121","_nodeVersion":"12.22.4","_npmVersion":"7.12.1","dist":{"integrity":"sha512-f8IDB+VNLwMfM6TrAt0Ipj/f9OIHVY1/usheshHuL0yYMU3PD6352hizhaabVieRUOniCTiwTnugIYBML05M+A==","shasum":"5e670cb5a37f90b2a0adb592576556b4d4526cf9","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.121.tgz","fileCount":1104,"unpackedSize":67514536,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhFjB9CRA9TVsSAnZWagAAAIkP/3smNV17CWCp2QYtRV7I\n0Bo4gO3e/JH4QgVWaZ10FeYlBHkBJJuuSilwulv2qAaaAqXDQwNq3ohU2+zU\nm04CoK0BKHMUnNjI+zJMz3E0xV5Wjyh8Ch9OkeU0GYGrK1NMCyPumJsYFP/s\njpesvBLXpOWE0KJkgMoWGwVowBTHdcmwf2nOM8ezWW0jUAbph/YK366K7+xK\nb9ziNnA7Oin+ppx1P4AdWSrGSkbWSP5Lng49ma7FnW6/rnCSrNRAtU+7jyKw\n0V3ugJXm41F9Ago048/8vu3qV+/oD6XmswExKuBaGf0Ml2JhKavKCG8k0h/q\n/h8QvAufc8One4gt2TVEqmj0y5fo477jo4TUS6sAA4SAj3318hwyCAlzFu3Y\nWRfIwd405IHjhSfOWL2fkjP6gPq2Yv3335CKVJkmner4Wz2jREWnvJvno/Pw\nBMOCxBDq10V0SvUmsIYhghbhswxkGxrFQSoTaDw8Ysux51QJ2IsPbTCNIe++\n8DYcgdUvFmb89k6Wca/o/4PCCD0Fr9eEu9/No6i8g5pTSsr5KkdpWsxbD+Y0\nDybb5SZVqynqUNLxnNQY7nircKoNHHO0izIcT+KtXj5F1tcZELLkhXmQYRcN\neFrdY7B8JQgKymKT0TyksT6oG/vyYDIKdrlpPR3vagQhhszM1LBzO/k05t1h\nYQVD\r\n=xV9G\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICD0cJPKKihHh1T5aj2IbBECQ3e6xX717dPjw3f4YMp+AiB/QVeUiZGEw2s5MtAe41nxfqS1mJy6YCmf7I+JqCo9rg=="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.121_1628844157057_0.839393854914654"},"_hasShrinkwrap":false},"1.1.0-beta.122":{"name":"@spaceone/design-system","version":"1.1.0-beta.122","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"f888a27864fda1c8fb205c4fbefbcd9d1dce9f69","_id":"@spaceone/design-system@1.1.0-beta.122","_nodeVersion":"12.22.4","_npmVersion":"7.12.1","dist":{"integrity":"sha512-oaVLxFeY6lV6rEoVhR+IYPTdehkZYG7iFDEum9mEVstbrx3cRaPfdn23Ed7o+j1BCbSXkRblalenWNVdIZrvGw==","shasum":"5a7ba1640df09720a193b2ccce932964adecbb1a","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.122.tgz","fileCount":1104,"unpackedSize":67515596,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhFjZhCRA9TVsSAnZWagAA2awQAJHKZ9k0j69jVOjv/PJA\nTTrsCA4f1azedTSn1P+AkQyEyYk1lknjUvjtfc3iPhbPnkytikjXZsDJZj3Y\nPcqg+fQY/Yb3r4BA7vvfHLBV5HwTPa8qnk9YiVuNdCy9N9uK47ewsOI1lktc\nfd8GN3wQWN2rEOHSllEYA9RYEr/5B3gk15g9iBARtPWFtpLk9rgN1dvBGCTp\nfL237KP+suhuI7B2m4QGWpOVMJC4tjPjx/AItLPCJTL9qijp2V3eYZ+F+U9Q\n6qfiCcuEvurcKG7cCrqOfY4IKqodruERwZungVHePqLKFBgkL4VRRiw0TUgm\nw6AgF0OVlH3oAXPvqz9Tu/UPiXjYIcUm/UegEJWZrgVpZ/k0k7HwOQ44mJom\nOxF3G9e/ZvPyjpSKBn2NdBlfHhdq2B5VmLRXuHaSA2MDI9uUKOEve2keGKLV\n/9WuLo+1xw9gN05e8LV/O1meLAnvREYMg8OW1y+V4T6o1cxX8Wu8QlIwQP9U\nL5O8ElVddRT32oZLTtZ81WDjI7dMl2SxJAc6x5SFzjmuWxUxR48v7TpbZAo8\nnxmCMOng75YKXYQY2iEds1ZPXFZ4MY0IAwNQkHmgdzh4XzoTpaM5/cbQh/4e\naOjEO51KUaqfgdEtLcL49J0RmNcBWTxLUZ7KYjiYKvppAYtKbeWyIkc9U/c1\nF1hm\r\n=eUhe\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGVSwM58DzFfdM5iKHEcHNXR5owp7UjgaQQHQ26FCUKmAiEAldkdVtXfTRod7jVZkdgp9WU/k3s319WXcmXmi13Gv9U="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.122_1628845664543_0.39075408315784665"},"_hasShrinkwrap":false},"1.1.0-beta.123":{"name":"@spaceone/design-system","version":"1.1.0-beta.123","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"0a468e9e7327fa43468cd5d4aa6c52126f13168c","_id":"@spaceone/design-system@1.1.0-beta.123","_nodeVersion":"12.22.4","_npmVersion":"7.12.1","dist":{"integrity":"sha512-FOPm2K6exaXFHL60s2Y8sq2LMm7CuUDq0/NNhwtCrW6/inNKSu+bdP0Yv+hwweFFm0qZGvlN7w849VnFaTmzmw==","shasum":"bb1d86df9dfc5a5ddf39612558a6d648e4aef52c","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.123.tgz","fileCount":1104,"unpackedSize":67515717,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhHFbWCRA9TVsSAnZWagAAtbIP/jLaoBAWZJ0gLTNOYEiW\nTvtv3TUT9MLNxc42H5HUBaCxUOeKGic+/LoJaQmVbdp4o/0gMuhylLvksYQU\naX7/AYzQT1DTMaHr+QlNcVG9BfC+Ud67pRznQ7Maznj0x59s6uDafSE+wuqJ\nccxskCf/93idMgEeqZwtDIxrBfpTQFMtvsreOPBvweBNnrkzmpQdo6qLaCCg\nlVcCo+3B7WfAuOPE44QsrQA+69ibAMttJvDqqXNQF2Up/vwyMORhdZwv1qs3\nfzx52ks1bDkUO4bX6/gRo8IFyZrCkhxjexXprXYNwHXkxmS6tn/kZNCCQNGf\naOccMvY0sCHBO+rlntUCa1CSChyVN/wyPnbH13z8XOYCSY8OHrvSyKu6P+6o\nthDCoomeuBGb8Sr+TuC+t+p73J413XHEBYwSs+GX4+Z/PWWNm6N6cj8YpwWv\nCa+14vEhs1Y0NAanPcricnBa2rW3u9m+7X71RLdQYhK8ftSp3paCdMq9WV6c\npw8Me6y7JvxFzdkLWIavE7a6ICM1ELq22nqJ6btT9wsLqyLxesnkPZYRynUo\nYCNHFcWE/0J37IW1i5N7eYU4J6VJXTCYGaXXFKkn5dOwPszeY3UqsvJKd+UN\n+IzHz1Jk7e+pzIscaGOgkhacdHUFc91TYwwfFf9rrmHVw5eUiKAVsWnWXtLq\n9ivn\r\n=ui9s\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIB9Zasal71ZgjGj6yyLN+QHkwXHT/1TKBoV/RimuUkzsAiEA6GLLVqj9TZwUYt9jTpKE7F8x/X7Kj41U6GsytbyrS3U="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.123_1629247189958_0.5145036565920991"},"_hasShrinkwrap":false},"1.1.0-beta.124":{"name":"@spaceone/design-system","version":"1.1.0-beta.124","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"8b9b23014fa1940c7e8cea9d95c0e686207ca963","_id":"@spaceone/design-system@1.1.0-beta.124","_nodeVersion":"12.22.4","_npmVersion":"7.12.1","dist":{"integrity":"sha512-0sD5I49I8lLDZSFy3tesm+oh1jKUkKEw4ZahOQTlRI3EuKEZ4nOnuzz53ODdVWTY67BB4ZhonZNpcGIhCEJQUQ==","shasum":"16f14b159613d645a4e8a1022d846ab9f1e2d87f","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.124.tgz","fileCount":1104,"unpackedSize":67521974,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhHLCSCRA9TVsSAnZWagAA2lgP/2YU/g33KyBQ+FD8Yg8y\nlriG0e0DHA71ZMhS3a8fZUCWQXbMI/vmbE/u//abrt+xQKJProwgZHKB7eui\nlAIW/Pt6GwdV0YAGf8U5+ofegFkz4CS6u/SJyFu9Mdzl4t7cC7lcdTLwhVND\ndd20PsozJ5De80C+bNIpluLKwUfQf2bjoYbNVrblAJLHkf/sGNzQ2t8h683v\nkls45bVqdHhWNZ1lrByTCRfxMhK/lFDpmZcdomSOt4hQT6KQpNsSVBwmcGGP\nD3pq8u8MjTGa82LK07GpJy7Fjcan8T4fxrJ44ylJ3UJ1R5JLYorGbEBJht93\n1M5w8uiVDitjaVstVFespk9Z8sugWiTQnDqnTi/d4Hrbl/UwNBp2ZSLFQ8N2\nFDRujBP1jtBz1SnBiTrJAi0vRYTTi+LhvpX1IGT0F1eeoWy7zxxHOxCFkPCV\nNaVbQQS5G0Gb3fqdqrdhC9T2sKPUdwbGR15ES5HfVTv1uwnaIFUf8Kt5HHAB\nFzJAw0OQCEvalk8Af+QpTdlWent3mKF3ZDKCjRSogKO58hJVJm5cN/J7iQPx\nSaWnk57VbN7nNWIFdeE9unWtbLlg/J18Cjn5VzeKHiUtHl0V1ZwHTGnDwY4+\ncr/UPc2IAPtBucb8qCfep8mFrYC2nMhjO6/4kCW/azFlVFdbSZp928IeFpqi\nessJ\r\n=ZVg8\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFEIEhQRNeeKMk4wCk7rVG2HvuWWXG+wPxzr1nRc80dDAiEA0zuxhkL9TtFpFHIdlBPk/8vzYQPIr2/KcQiQ52DSoFg="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.124_1629270162074_0.3409795676402749"},"_hasShrinkwrap":false},"1.1.0-beta.125":{"name":"@spaceone/design-system","version":"1.1.0-beta.125","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"e4a4b8c7b91c13394c2033ce6fe168dfe1b499fd","_id":"@spaceone/design-system@1.1.0-beta.125","_nodeVersion":"12.22.5","_npmVersion":"7.12.1","dist":{"integrity":"sha512-px+n/PE5fsuzrBdFCTC/5C09bSclgNILpffi7Vv5qnMm4c/d/9QubinnFRj3dDKpvM9F6ABR2UbXBjS7AmGJGQ==","shasum":"211a11922980155f4eead50ba26bd76061a040fd","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.125.tgz","fileCount":1104,"unpackedSize":67521539,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhHNACCRA9TVsSAnZWagAAZnMP/114iIVC7ANvGRUwPRId\nHSJTTD+lIlM91Y6cCRJuJlj1RlRcryFlF0Z90qEyeEPsscqyBEb0TEc/D+Nm\nBHzFENKdfYV7pLDUrc4VVhNQ2L2IvXZIynbfuRO9jg+6TnTvGR+IR4/q1L3T\n17jevzFzMnn1Ad/ar1YA2L8YetNRNlZm+xcBy0cT64TTuCcbwVcdg5c3WOt7\ny6+5l332cuoUH4xkk2tys+fXDfHdk7ygHgYonlV891FeFFe+iNbIN40xpbQr\n3XZGGqT6lKknNOdaXS4xHgVx0o6YeBZWY/0t1VwEUbyuP0BEUdFGIFCuGs/8\n13I3eEFg07UKxhPjlYVVXdIsokZ7cFC9Cul77CUfq/a7tq7IyYWDNU6dN/4y\nJmR3+87iRvRonuxJWEl694RJRAdmEmRSXT/+goM4KiMIZ0SD9gwVhprlZj54\nSGxDcEAzn8O57K05bZtfMIsYl3a2XtJVTVvONodTR46Hxbgbqr1F9FXtqmCs\nTdlosud4k0HTdGk763CbeaR4xnJy6jfZJ0KA0P0IwawKrezIBQoJcL5Ia/ca\nonkiKCrmLnPBVJMpd2neQNyE5JlbefSHTksLceLLxRHUy4lZ+jQHes/lKeLX\nqwZZuojzSlG4SxHW9VYKz/hUFHKf6lUo/Ay/gURdp8QFfa/qkCbANOEkAtlz\n1xrZ\r\n=lpch\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDm6kK1ICOLjnhaMDmqllr8A0N3JIjWaOaFheh9tVpDEAIhANZZkhYJ4GnJYdnAnxkUEId1TeweZxc1Fns0Q5TpozpG"}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.125_1629278209731_0.5387508947673021"},"_hasShrinkwrap":false},"1.1.0-beta.126":{"name":"@spaceone/design-system","version":"1.1.0-beta.126","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"0a8f100cd40e63ec4b3a6ef0849d2d4127d6d94d","_id":"@spaceone/design-system@1.1.0-beta.126","_nodeVersion":"12.22.5","_npmVersion":"7.12.1","dist":{"integrity":"sha512-89pL9z4dgRlSz2Vx2NYhfi5sf2zmNAZOqJDALebq8oLxSxWq6EeGmYbx/6AtWJgW14d9/q2oaKc2N4L08lrpwg==","shasum":"8db9537f39b240eef0a1171f4076921b97d3e966","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.126.tgz","fileCount":1104,"unpackedSize":67522087,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhH2W5CRA9TVsSAnZWagAAc10P/jX0X8tzpwacE/CpQxiJ\nuSXA6ZzdtWN+vGbX4Z4LwQxCF42RRy+KqH3kJMzPrf/iaMyXBA5oMtAkUCfi\nMlVgt+wI+F93CxxsW7+Ke0wO41o68EOLfiX1MaCKBkpyjxgitN2YBsIgSo6W\nYRnE6At1nq45p1TXI9of/gCRTATDTErp8eOHgJEz9X3hdP3h9Wz7gLBR4T6J\nfZkzdIXHRzBwfi6LNd/Q6adXspXcCRxKYEUX9v8ww1VnHOgsRaSMC051/Y9T\n6o/gsm0aUQ1xzn4nCWQm/Z3D97fw4cOEaElOS6ji2qQ/9K/GLR0LGEA7uI4V\nrcDxluWPBIB1tKyhljdOO1DveHN20Ho0nug5rPbNT6lRn8iP05WGsMnTg933\ntY53wr+zDyctn0Q6inAGCKGzYGZSby5VU4mtivfRVJrmvdZeqKVNvldPP8fb\n1KrWXaI4pWyc3zAXKM/u8vJecVFjvVsnwZ6yIZrQYvOHlDgHcQ6KVbBciEA9\nmj0H471N5vHxgWxzSM6JBeBIpDzeuG/9xekRr5/ygVsV09PQCpHjc+CZSeBM\nk+Hy/042Y+wtKUUwLUTW/dHFPc7KKRvgDuRyEO+GVgpAN06Kwdzr6H6JitxT\n5TYzWqhnjTU7h1qS7fvAbzLyWi37zzavxGoiAXAr0I4XmPBKGFgUtrqrgWnQ\n1SQt\r\n=AqoL\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDh3GFujx0BTBXcqTSuqUmbh2uLTB+r+9pt9Hk9OEgY7wIhAPCTxlfcCLOG1CH2+gyubFQOvyqjCZC60X8YCP6z57Wg"}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.126_1629447608459_0.6425970056096648"},"_hasShrinkwrap":false},"1.1.0-beta.127":{"name":"@spaceone/design-system","version":"1.1.0-beta.127","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"fb67bd24f49d9346c377b96d6eb83ec68fead6d1","_id":"@spaceone/design-system@1.1.0-beta.127","_nodeVersion":"12.22.5","_npmVersion":"7.12.1","dist":{"integrity":"sha512-4boH/ib8l7UKXSG+G3VjgN0c8HbJjznq6f5M47Govh0vB46+/PPVbGXt2uvUWg+BdqS/W2UruLrlhq4JpZyg2w==","shasum":"fa56fb33e9df322b931b0807574df01f50f753b1","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.127.tgz","fileCount":1104,"unpackedSize":67522579,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhJzgwCRA9TVsSAnZWagAAj/MP/i5xu+6lNvmtrINW0YiO\nYZGA6zkG0xbgrR8OfvyUhWS+qUzqwLYYXjebNd+n6k0K1/51XT0+jtCQDaRC\nukEkxvciL6tQn+AHoLud/rCp4ODJnAY0V4fXdVqzzYSZgMd1dc1PzlURCgRn\nDsjKrejOFawv1mgMm9FET/hEQXyWA3bHTfbF4G9QSU+2cspLHuYI8k9jdftw\nTEwZTsSy1JPl8+tbo+rHrZKBupeH/2CqvVmQdD/gKaFxt3fF+JqDroVHA4nW\nHjeb8cPLNNCY6frvDro7xqr9husSV/ado6ckp7CruuzNEVkbzj7pdBHcdH9J\nC17P156dpRd5vhJoFV+T8F0U+4w35DD2FYbGPMs5F7d1rq3wUkQFP7y5ats5\nVfHi33OKCad3xXwGClE1xJn+9G8OL1TcNRVx0QkvwDS+St+NGeaipdrMWX4B\ngty5eO4dRN48zX+xsKQsgeBZSoTmt7LAHCyWGSmVsYFBXTGtq3NirUCL9dGc\n9wNkaI7iwbC1sWjkkRUw/Qqal22V9UOoQlo2vEJUdmYVAu5jAj88mibhf+HT\nAp6hOPyXD4nUNu0AmgLQELaPHQcbISiQfOKn0EjKufipHylPKZSViXqsrzgG\nQhshOhLBjUcE6t0bjCZhxdmzOI3CC74Sf80PsSBnkEkFs1wQI27uZYhcT0mU\nWD8Z\r\n=Vhw8\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAIxrRmufkp6HntJ2AD2tC4lp5du62ZbaUK2dRblpCXmAiEA0Mf8SOhLdlBscKOtP/71ENiso8722Syg+1Gbk5lUvuM="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.127_1629960239723_0.25540214592886534"},"_hasShrinkwrap":false},"1.1.0-beta.128":{"name":"@spaceone/design-system","version":"1.1.0-beta.128","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"cae04db24da7c26996fc91d32f20453d877d4a5e","_id":"@spaceone/design-system@1.1.0-beta.128","_nodeVersion":"12.22.5","_npmVersion":"7.12.1","dist":{"integrity":"sha512-qqgJi/Z+JK4vmpdnDi+wkn5CRb/DvDZ4SX09TWV5E66KkVOAyOxCvcklG1BbpcRhprE5fscKa6pKDI0Ho6lriA==","shasum":"43b8c754cafcea6966eddde21f9da687e5105a65","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.128.tgz","fileCount":1104,"unpackedSize":67523380,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhKDpzCRA9TVsSAnZWagAADG4QAIx/S5u9Zs+5dp9Ey3Sv\nZzCkob6x7sk4X/uY1XZT2mVgrhDqWPqXkQlKqDBVvRqhp5ZWwG3bLjRww0Dl\n3mI2i4bev5g3kn0KuRaLV9GwTMFA9HJrxFsIalARiSJ0UEGBdtRMCvLbpr2a\nvRvKqtr47NZTwsw7SPeFCTdDJjxdPVrbjddex0LMtAM2aNbFUGMgAiMGUaO6\n0kaVSQV2jsrJAoFkhdLpcjF52+eXtYUqMvsuONyN0RpfDbgjcnfAdqm09Rxg\nWzyaH434/ZxBdd5ux0hyHx5etn/x927JcY4U7QxDAXCEEtB4IQRdo0P50Km4\n5pKmofDWY5xhMmtW+zTxF0zrZi/wVWqewbVSXRlWzGtO7wylco3rMuZCPak2\nevzaI9eyqbWdRDejyRVsvRH0CuCx9ElEsEHefg/ePHow+tM9Cmcm2Gbcukzx\nqEgcKSrCfCbZNuQ2C9kAAkCkqSgwrFY3AzClGTROOcrV8rE4ai9zWt8tOtJK\nJa/fYBlnI8GZ4pEP8hJep8W+3MpFHWpJK2Dr6n3oxQ85qbJnrUmtQax4EJer\nQfFuu8MRmrPMVgc9GJ2V4+X+YLzthg9nFUC9h62u+Q0nIcpyrKv5uo3CmlXN\n7LsBOxJZKhus/qKJyk9/qwSO2WttjmJEDJibBy1pOaUD4qjAQRjaswC+1tjD\nBkHq\r\n=tqAO\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCBZKMRaEARX9XU0geNaorzOKn3YhEcPlziQRujcB3J9AIgXleJnmIxJTOcf05X5d0VrygDyg/a2ZBxxdtLstyngNs="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.128_1630026354725_0.29766812840473844"},"_hasShrinkwrap":false},"1.1.0-beta.129":{"name":"@spaceone/design-system","version":"1.1.0-beta.129","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"117c601658311226472bcf9592ba90be120012b2","_id":"@spaceone/design-system@1.1.0-beta.129","_nodeVersion":"12.22.5","_npmVersion":"7.12.1","dist":{"integrity":"sha512-VUhEhNW3AxcnycK4tjSwCP/zyfHJDIQZ6vh9VnQCoyebWiLEnNLZJTZAsttqKU36x/aVTHNFVzkFPpcNGtvN/g==","shasum":"eb195768118ff71a8320030c16f83feff565b963","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.129.tgz","fileCount":1104,"unpackedSize":67523675,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhLFm4CRA9TVsSAnZWagAAdfYP/320IvUmClp4zEaYVJUm\nWSmO3XEXHV883G7kWhFLypfSjJb3H8Skr552hpVZr2XLeYxBYyTGpKsw493H\nzj3gYIkHL/zLWCEGjYqWtNjIfwZZPoe3vdhxGuVXJ/i1HmXl9foVEEQu0RFO\nrJ3VPPEusV9SYBjvlk4Hq/dBksKBhBD6VIBrU1N2Fk2IdTK/zThZQBLNbjft\njR3+aMkgFr0c3J/VVA94MBpgHwXXD3tlSvFFd2TWmMPZ2TBJ/Pzxucl6tgpY\n4UEo+MepJRxvDcSySFc9W6jG0WC3r56YEsv9c4mxy6IhMHXWOqlB4iR6sXxi\noqLPFISAq8E1UCsrvxkRDGw+qowua7qcCPuY/u9hkGVNmw7x8cl0dPLJ5feE\n5Q4eBd1RK2rqAE7gzZYFSg7YUEOy/n5OImfz+7Sw7VOP5sVNBCH9fOMUNDLq\n34RuLCqSNhcRT36Qi0Kg9W+ZsWDJFFCkvs1TWGVsqlO9L27Fr7z1GxmjVmk0\nt1z9WtfVwoY4pVFqzD/698S0bZy+ZYd/Bt9WHRaskoIb5gl1xSiEq89Yg4CN\nJ6dhU5y47pug5B+jTx1NoEKzFntGhKjgdtNK/PvPC7gu8qh7dg5zGa8N7BHA\nNmrBjA1xEW9JQHroDzPQNVUs9EK5jV+R3bw3VbQVJnqutpgyu5U+rffmk8tn\nFrv0\r\n=NdhH\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDPlnpfRsoXmHZSCcI10DAnfD0qqY/YgoQhKRRSy1PDZAiEA3MB0fvs8iCIT291Hl+erfQicuERoHbVtP7SxmDbeR5E="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.129_1630296503881_0.4857353624092928"},"_hasShrinkwrap":false},"1.1.0-beta.130":{"name":"@spaceone/design-system","version":"1.1.0-beta.130","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"5765f05456613d8ab2020f1f409e78294be87af3","_id":"@spaceone/design-system@1.1.0-beta.130","_nodeVersion":"12.22.5","_npmVersion":"7.12.1","dist":{"integrity":"sha512-2A4z/lcli2ZI02neEDGgjH0glx4Lw+nZM2LhBxujw9MAnUVrasBPzsrUEsWxGcoYzW9fDGXE55tFyAIODDJZ/Q==","shasum":"1fd21da4d16ebe00f07cfe881fcac864b86c737d","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.130.tgz","fileCount":1104,"unpackedSize":67523877,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhLHHNCRA9TVsSAnZWagAAVbkP/AxmZb9eyJMyXu8iExdv\n3FO1p9ZUu58tEnvyWY/d+Q40d/4c6o8QeDWaahtkNdziMYIuoy9+565PMInk\nJyQ+X3DyzKbRF396B6g9OmDzgID7lVP4VbRAxnWsmBlS/pwEFjsPsewN4FEt\n3Lw9Z8PO6ZQ5K0u9qTsYvoAsn4ONdazat945OkIlv9Onkc7xTouoOgcMGrj6\nMERg8iEI80kcyz4Jfb+aE7TRN+q3RBi7YSuP9+Zh6ehUGNWnY4ZUsdHTKgC9\n5LTwIiKNg0csH0y8EH+KxVayuh8yWAfmzxTovHt4skEDifuPJgP0cRwWI+Ae\nRSbaZ+iCmch3okfzXcauW7qdCJRlTumkYRV/7HHyJhBv0CiQwy7nLqB6tC6z\ner8BOoJks6VVYRBKFXcYOqlwOemEAmMYzv3v8E2d5R1/satQzj1X5UO/1jkD\nGGPkJq+gUm++RFhOl5CC/Q+9PAeuxsO1nuLif2p1FJ3b7Twq1FgxUO55vsH3\n0k7gCjAAr5/1Og9qWFwdC9OAo5jJviexJqoTvQTJ6AZVJbMl4kblMnxJKaa5\nNpe3n0Qg8nvY9Zxxb+5sYR0bSQUrcZRe6NnKdGH7BFgjVKwbngtyFKI83ynn\n0ZF9zbryTruzuV7Grj7bF7/O7eqPXUHIYEA4HgiqGK600Szb0Q0f6m2AyMMY\nOVdy\r\n=pddW\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICBzOB0XvmfxtfYh3bqMIP9joqlM+042n5TPNH0pCUFrAiEAgHIvbTHRVbvHF1JnWx8SRaEq8ax5Yn94OZtu6C9Wnqw="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.130_1630302669221_0.0037962122170056567"},"_hasShrinkwrap":false},"1.1.0-beta.131":{"name":"@spaceone/design-system","version":"1.1.0-beta.131","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"6951034fd0573131c602c9ed3ba086d0ee0e4e74","_id":"@spaceone/design-system@1.1.0-beta.131","_nodeVersion":"12.22.6","_npmVersion":"7.12.1","dist":{"integrity":"sha512-TX8nFuPQ/1yfWUX6vTDmFYDlIt9e0rqPpYdShxUSjrr5gClY4kgo0CcWslsZKv2zwOSgiw7ElLy4U8TIz532IA==","shasum":"7f2adf7d21bb063cde4a5eec8f8a31701e79776b","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.131.tgz","fileCount":1106,"unpackedSize":67521861,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhMGIvCRA9TVsSAnZWagAAM98P/2k7naQz8DEFuOWHyGLD\nRouH9bZssIEq7TAbwlrp5j7sTf1I26FvqMfDv0wuLp5HXXyBHwHOJd/4OG+T\na67fBtcZPPLCL6XK8ghPozTevKy1MyTHpWGD/3RfCwvPkQ9NYvM/1qpBbKF8\nXRDrkeaDrTD0eLVeXBM5TWHxM+d4Q75vArrWH0znpSoik2m7PkPdSZq/gM2N\nN3nDDtfRG8nnVdDzT97YmfMzi/NGvS6fotFqG/6ZGUEorEdwL+IVD8mcBz7g\npdK8GIxRi5C2LGlg3M3k6ffpQIW5rTewaBJnOi6cfX2pp9BsGsG1j/Qf93ch\nRYV29dtkCnMvHL/wzkDbo/phW+moooFM4dwg4CkMGHCUIeaPN7Oj0+9ndvpK\nnUXWauF/VSTkkAOJa+MiVH6CnaoYYNQpKKk/KPa3jVQLDDUwrDraUSdG74uF\nmttgzGzPqAIt/BQPthqqdu2z2PomlX0V9WKN2YhQzgXDn+QhS8Hd9PNpZCDv\nTSdu1heqzdWKJQ/YctQym8bcv+kwEn8ZgfD5b7XjHubCwC78GHITIbF1wnXD\nDOS+mJ0cx6GBHTwmVAS9CFXdipw0SJodLldORl0lChWVxvKzWxDR9VQkWKp1\nkr5wSt10SKHYktYmWqUda9kNlrK5uDpnerl9dz3liQI3LjZGFxcMnoOoryzZ\nDMZQ\r\n=9pa7\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICI8nEmfB07tcMNndI7ZYaIdVxv8PSacfDX/mPobFmEQAiBqUQUGzyytTmksUvyh9H0RKDZGu7SRgiyUPSZZbYYgkw=="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.131_1630560815292_0.7222355684701047"},"_hasShrinkwrap":false},"1.1.0-beta.132":{"name":"@spaceone/design-system","version":"1.1.0-beta.132","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"9955bf53b90299de950396eb6896de3acf3ad5a7","_id":"@spaceone/design-system@1.1.0-beta.132","_nodeVersion":"12.22.6","_npmVersion":"7.12.1","dist":{"integrity":"sha512-tH895LBDLqF6jvaG8Sppmr3tEIpMRiZ37/H4Kp3wuDsXq64UYlPoZPwqakb9l4WSItF7+Nt0gdLLQ0NLcd/J3g==","shasum":"ccd08b4a3c1809ba8c75ce6466ba4e40c4824d5e","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.132.tgz","fileCount":1106,"unpackedSize":67521678,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhOb6ZCRA9TVsSAnZWagAAOpkP/2s5IFaBsrRYJWUeYU/5\nqClWZlO8N+9+Nft9uFBfemlQC0mICZ0EwSoZ47mSOWHrqfinEExgVtEjnKNw\ngatTzslZ3UsjUhs61sp/E9j2vrWuibOBZ9fQ0qm7cW9JSsd8EHVYNrgj5Zek\nNDvXoUSIseS01N+TG75+wM/8hmj7wchxUn726n8o80bUbzalGQujwSZzI91O\n6OpszzQn+YMA+jPLQ83HRUcYWYTB9nwbxzd+3pe5lkzYXdOq5JNxZNG/Zgur\nNaH6FnRaaJcn7WAI+HdIFAEueWbHCwUHAOdCa3K+0hoP8QRfLzm20aaO0Mzt\n/YzNHVYfD+hbLGYjODhVw/EY0P2E4CIT21sTl2UP4SnIgU4zBUhV7MmCAGKy\n3t8RrmPj8jLJ70YhAaNTe7OPBcKTis6RKPpxHiEL2AgzR5CdjfAquSHFZa9O\nnqWx4VxWG49F2fW6AZTdUI5GEyYBpyYR5geaDBMABwTmiWkiqnfA53LMoo42\n/Qif5VttkMcmpJRDb2xJVGcoBHimU+vfby6TqgWBPoE8v7nRhZgdzGxJIFyW\n3TWmonb9AhTTmr7fGd0a0vI9mbEvijwD6nKaMq4C8SHuGguFfgwzY2udEVg4\n+LqoQfGN+CtyxpIQFM9y96puvP0N+aYrC5R+xxKD20wOXA95L5Dx8c2NhOWg\nM5G2\r\n=Q1VL\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD7g1hIHxNJ7sDPVyIev8N2KGlCUTw4rbHjOVOX5fAV9AIhAO4v10vql6+doUpLv0nec6CaBfS2CXDVl7UJ4ouCpKGl"}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.132_1631174296857_0.3439969465271502"},"_hasShrinkwrap":false},"1.1.0-beta.133":{"name":"@spaceone/design-system","version":"1.1.0-beta.133","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"fec3d7c655fd53b30cf5bddda0c77b0cf7d3a0dc","_id":"@spaceone/design-system@1.1.0-beta.133","_nodeVersion":"12.22.6","_npmVersion":"7.12.1","dist":{"integrity":"sha512-pGNYvCgsXXiILoP2RSmDPV7uDLm2BVbwArkPJMxjzihjdzdrJCTcEuTL/ydJlfOCYxIxjzExweYAtz5K8pLanA==","shasum":"9b0b3ea17c12676e4d9d64be7a272b5020c44eb9","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.133.tgz","fileCount":1110,"unpackedSize":67565592,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhPwd4CRA9TVsSAnZWagAALyEP/i+sFcbbhcV6BKEOoKMh\nlua8HLT79OSEZSeanPIxi2qjRjsuW16qh5hCW+WnoPue8yjQ3GSlpv9tjaCe\nB5cPd/zo2GeHqoeI9jjaMCAbAWlB7H5Os1hRvPdak0BuNX3fj/Ti/Hlc+fLt\n4Y88TooDjTj0HYxIXlGdeqoBQDuCwNlSTI+4CczxpKxui/vbtB0+erYyi5+/\nUliQpJj15yhmD4BfvpliPqNumUhjqBry/4sZcPQcLVElMsPsmk1i/rr4h/Z9\n+4R+bS8c3k8WaHrHgTjd96YEu+d1Mp4EZpsd3BHO5nqksbV5rT+n9QlouRet\nnHuVDZIyRaO2DzTIYG+UFPMaGTLeN7AJO3w2yKvlqxFzrxND8QPgCQ6QWyui\nRF4IlSSGzgaVXKBmBGtsZakNNXm2HuFBVVtyChbPM45aCKE0WJaKe+eZnFPU\nIl9D/6YsbAhf8BsRv1p8G7oN1RGIU9aE/8ceiO0Mf+DtUhS7n2/0B3YaBvDt\naPfvrFnm++rEU0zfoYLxn2+kM0Qax2+sI4Q4FX+PlgU5BpELOl71XOBX68ff\neAgg0VHGiVNr7yhXdYm6dRldFbI6TFz0kfTa0jgnW0BuA950fzH3WZernROf\nB47Rle6LbHgzv0kzZ53giY/iW7sEYW937hO84qRovarQAQVlIu940MCP6kcW\n2oKV\r\n=qOc7\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDPjOdiyRv/LUVPLLMWAeY33X06Q1PUtQVL/IkfXmzHjgIhAIk2Q6fh/4SrR9unyKLGLcAD7REJXEpQOflStzjWItao"}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.133_1631520632435_0.5457416993026656"},"_hasShrinkwrap":false},"1.1.0-beta.134":{"name":"@spaceone/design-system","version":"1.1.0-beta.134","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"06882a5fd4ce280f1a27058721e022a3dd642b8d","_id":"@spaceone/design-system@1.1.0-beta.134","_nodeVersion":"12.22.6","_npmVersion":"7.12.1","dist":{"integrity":"sha512-I1UqAilW8bTa3Zd8T4zvMpckZiEAgDBCoG9GCkPC5US+P8pwC//4elxA0fOeUXFycjPUmRfIDWVyjms/+TVgww==","shasum":"ce385c5130958660469c443792b9480c222eef5a","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.134.tgz","fileCount":1110,"unpackedSize":67572623,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhP2Y0CRA9TVsSAnZWagAAZW0P/RQKtbuKwsjUQQc/LEZH\nJwn59WPhd0Ia9Zxvqd13iosIvKgV9BBdhx/otlvjUds3q+R+/eqm3cXQeXBR\n0g9XLjBts8DY11f/fUkrAPdFSbzxQz+0rz/PH8irMlDPVv48Wyn92xvJIgXC\n16mq19534U+lbGdtFrkoR8SS8JOtJREoagV5Iy4KcmZJMY1s4ICNRtZU4bDZ\n8jGyMafeMrWWKUCcty1VtTKhZ4vk465YdYZrhFT8C/pPw/G2WQCuJw7uj1CS\n6TqW0mNMcnOHjr//bfW2/az9wsgXWTk0xfSJJ+8rNjxCCGhhMMsOogBFSMqU\nmgABBCITunPDoPyojxfsgAIHhHCBOlAPIDbth4zjV6qEL1U2hHliH4Bv0pUP\nrI3AM+AbKO9lroCruPWI6i52/ix0iGEdstrM+F0s0hsdb5Z4C1RU6KVfw149\nX58oGeZGyIU2pJmPDng05dMxxYj4LLHHSKJ+F70vS9+zFyjUmw61uxbPGFhC\nxlHGOI9RfUE5adU6JM2PVN6A+CcdWCHOG8PkUMaI5QwxXH1l/yL/tZ7sU2b+\n6mpCSiB6+Rn3FM3+5h4g84bZNnw/LcX8gkXUiznft0IoStANZj2+QS/cuMr9\nGUw1pqHV44mOc284FsoYzBIMZKOFQ4zNJ3mvFy+xKCm8NtIGUrPuFTE8ZmgZ\nVZY+\r\n=B1DH\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCXEDXNHyeeVtMSNal8JYL3mwI+1zvDY8JJs3wvwswchAIgTiJoRc2Ow7CLmUj45pzRO4H31wygKC02s8N9bX5Z4w4="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.134_1631544884197_0.7185318769624844"},"_hasShrinkwrap":false},"1.1.0-beta.135":{"name":"@spaceone/design-system","version":"1.1.0-beta.135","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"08458f99581c2998cfa7471218c10cc045f38da9","_id":"@spaceone/design-system@1.1.0-beta.135","_nodeVersion":"12.22.6","_npmVersion":"7.12.1","dist":{"integrity":"sha512-krnAB9vtRlVQjDdBY2ZPw33beeh5JgFox8RkhskltO2tRVOQROGQeR2Nd+zdfHdmlanTS+COxL0h+dFWH+R3qw==","shasum":"2444455aae5e401983bffecd668bc3667f4313c5","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.135.tgz","fileCount":1108,"unpackedSize":67579148,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhQZF2CRA9TVsSAnZWagAAGAsP/38cJmgVpMTjQRKVGRSh\nbsK0uKv4v1NmvIkI5rd458TUU1jUMj1JZDuZf/69xFhyR9cptLINFfFLmrM1\nUyKXOR5W9gmXPLqeiLWfAllSDQFr6okpjPEfuj4pIGMnBch2lg+XyrZA8E9n\nPLoEO6c9947rRixtDIX0T/JOQkWvz2zUPK6SDDKRQ8+VoeicgVVebZ15H7EW\nx4GZNukb+4lc7hifCHXM85xS1E/EzZa0RZJmwvdxzJo/HyxMMi+/HPebBWRo\nz7Yf/6B2OOpI+5yL7QXjpMsrF68RV0APMFpQ9kxEZKgqgDhvICClQWlnfsLy\noQt+ZU01eR8C3WDpSpSHUh15tk1f1Bz+8Jp6rQ5rYBkm7hUbQACht3K5JAki\ngnt2SKy010rIZskkjwPH5h1PVWloOQ8nqdXnyDET6qqjFwDTTGjiiw1pJeF7\nMEG55h0+I3/VSN14+IIxo4g9LJH1Tmy5VPDOrTC0e2zE+bQXCkrU1wGGfyKj\n8HQhnF4KoToBOBqiDb40W+jsnJd4QcRd8eOVhQQp5MONr8U94lu9TnY/KROm\n9SMUlfinv0dlvOb6ABch00vFDW9CdohRvXZ8JWUROofxytUJxMDy6RO7lo2E\nZsiEMm5eG22e8bJOVPNkM16cORmf4G/QsYcO099kRkbFOdR0n053VZUih+2T\nGbgw\r\n=+4aF\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDWQNcVybYvrfC793WlplGeOfoKyX6Cx0m8dEiVHQXR1AiAroMCSh2T9fxriLBK5DlSUkHFTnuBVGeIgHc+vvlKO0A=="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.135_1631687029857_0.16871220298827927"},"_hasShrinkwrap":false},"1.1.0-beta.136":{"name":"@spaceone/design-system","version":"1.1.0-beta.136","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"5cfa32026079613921de99bbec157d602194775c","_id":"@spaceone/design-system@1.1.0-beta.136","_nodeVersion":"12.22.6","_npmVersion":"7.12.1","dist":{"integrity":"sha512-V06VQhq4yjIPhuICZbU2wjpT6qailA6dWJKPvRbZySuN5e9uWh9BhWRom9Ms6HJOI/LXk2FpU/iFmw53dIjNxw==","shasum":"53f921e9ff8afc27643155c73b41a48a9ed1dbf7","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.136.tgz","fileCount":1108,"unpackedSize":67581599,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhQaJfCRA9TVsSAnZWagAAAv0P/R1DYZoN2FsvOivr1psq\nesXnu2E6CNkQJ6dNStmnN72r++iqgQEoYXajLH2Nqc+8sh7Zf7CVoTMPeAa0\n6fUS+PfSwk8z+JTq04lfs3cZW/SsqN+2S9mg03SBltNKIhK73c4Cw4eRqFQX\nfH383z/+jX04P2PmGE5Vp1DpqJ1CxRczzAIh1Ab/qnX2QWz1YSrnQbnxFjUA\nnB4Y5Evf4m3ZBI4OIm1b0O/8EzkmDLPO0ziRr+oVtfiwGAScIrkKt0pEgl2M\ne17V0VRFBR6IGZLdNXeXtcRCeRrlTYGFyKz89STwrkkO+uEc6Y/vBlYHXq91\n+kBtBp01lIhSXObo2tsT3P5vrDhMmYILRobnbPAZbRRBkX4gkMYvfqoO4ARV\nwxapCOmQvXxFhnnntXEtyooQ94UJEnea/T4EiRUM42FcYfJlyYvTikWqy6xn\nV3fBAUJQgTkGWGq6DO7Owt+gNfWM/b70EBsTcc+emHh1YORjo8AhtQzzeLCl\noyLmtjh4xSe0VnG2CKXaEfTIRMfwYLMi20+pSr5aj+7FQrZBbrEPfPdgA8oU\nfHxPcVWnFv9TprquISJbEQ/MsAXuW/CWndZx+DKo3OCCgrD3VYMwrN0MxKpE\nZcxTBQgB5tT2S4kJZm8Mdq7Fs4Z6dnCnwNuijR/uRzywaS9E6/aCJeOJjB3u\nvHf7\r\n=Z6a1\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBHD7YkuhPazK01Yu1ikDTR0YJMHfr/BjHrgrFY8JR1lAiEA9GaJhG6WPchtRlmtoAjcoETGLW6q9TKr5dfBYACcUNI="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.136_1631691357915_0.858165745265409"},"_hasShrinkwrap":false},"1.1.0-beta.137":{"name":"@spaceone/design-system","version":"1.1.0-beta.137","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"caef81c24214e57e56719d35071efc13340c8b5b","_id":"@spaceone/design-system@1.1.0-beta.137","_nodeVersion":"12.22.6","_npmVersion":"7.12.1","dist":{"integrity":"sha512-PSvq6Qi/c7RW2aG9wetl1q+7IaF6lrW46EFMOPUVxiHpb3+DagL0yegtJWJ06ZDoCB2qI6ebKDCzhwY9POheMA==","shasum":"18de7efadc8f7acc979212dc9b0322297bc4c70c","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.137.tgz","fileCount":1108,"unpackedSize":67583270,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC2obSNyBIF4RR2W19chKs1Z+7aa4oxdx74awYRJOcPuQIhAMsAtXDaaRKMtyhOA5sZK8M4YRBNjIkBZPp4MSvtm6CN"}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.137_1632721014232_0.17364720714732984"},"_hasShrinkwrap":false},"1.1.0-beta.138":{"name":"@spaceone/design-system","version":"1.1.0-beta.138","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"f37860a90e679679083ba9d97c64d4c3f8cc2184","_id":"@spaceone/design-system@1.1.0-beta.138","_nodeVersion":"12.22.6","_npmVersion":"7.12.1","dist":{"integrity":"sha512-AwGr9OnCe/gfC1i/X2NzPuVyUONavC7kL3kVIU8qfkTYSDZVpXN/h6RbW7su+OJsrKli+zr9Fp+agKrXaIcsOQ==","shasum":"9c4c6184efa6353cf2a941c2740eeaa4c9f64992","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.138.tgz","fileCount":1110,"unpackedSize":67589508,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFyTZy34nyhH43UelJBe19fkUg7z5wex8UF+h2xk+ICoAiEA5iL7L4rXFFqJ8XSJf4QnEiMChcBi0COL2w73jS5hJYI="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.138_1632994160372_0.11869892767982049"},"_hasShrinkwrap":false},"1.1.0-beta.139":{"name":"@spaceone/design-system","version":"1.1.0-beta.139","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"f1d2c20bda4f85e0701596e51cb5777c956568f9","_id":"@spaceone/design-system@1.1.0-beta.139","_nodeVersion":"12.22.6","_npmVersion":"7.12.1","dist":{"integrity":"sha512-DdEflbRtoMDEpwmIdYi9XHhY6CmKbSNTkFJhaaXBC8jkcK5GRj62VnmigsICee/l2mfaLOZU1rYT4bTjp+4OqA==","shasum":"285e54c555659bbcf5f3a4dd28973c5d922ed63b","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.139.tgz","fileCount":1110,"unpackedSize":67589588,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC/1gUBJVLNmo502L16VU2vuyGfwlaeIRAKWPnxnNHXfQIgXYKlb/W7V1o9UegCxH8acuKCEE/6u+FXfr5M1QyTim4="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.139_1633066144668_0.42302803924696786"},"_hasShrinkwrap":false},"1.1.0-beta.140":{"name":"@spaceone/design-system","version":"1.1.0-beta.140","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"90aa815ac5e48e408b20a38d3a55d7257a6a0002","_id":"@spaceone/design-system@1.1.0-beta.140","_nodeVersion":"12.22.6","_npmVersion":"7.12.1","dist":{"integrity":"sha512-WML/g9PjByUHAkI4eKNmpdar86Y8pHTfTteQMHK02Kxq1UOrwxps//OnoQnjcZ5EUBeliGZeKIsoITEA4u6UAw==","shasum":"018b636f9192d57dc09a26013b88e10c5da7ec11","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.140.tgz","fileCount":1110,"unpackedSize":67589729,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDHcCm/EbJbHy9VDXeo9VHv93uwUuoCg6Tf+HPgRfg9qgIgRRve3QhuwRI+t8HPKggN6JMg6ALkAlD8Q7jdU+Et+XM="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.140_1633071976659_0.23152445959828616"},"_hasShrinkwrap":false},"1.1.0-beta.141":{"name":"@spaceone/design-system","version":"1.1.0-beta.141","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"116f1c66c8df70be0cbec5f51ba1acbd78d00650","_id":"@spaceone/design-system@1.1.0-beta.141","_nodeVersion":"12.22.6","_npmVersion":"7.12.1","dist":{"integrity":"sha512-Gfrvo73bQbhyeoTv+sApfYkU+3FnLE1FlkVTIjZWcgldja4HB1CFUpYrVxPCIAr5FIIG09JefwdDnxHACAFAUQ==","shasum":"cfc0e1293b6bf3510c7ec09f39a459a060f166de","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.141.tgz","fileCount":1110,"unpackedSize":67589649,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC+B4WfZ9e/bZu7R8x/U+iXtl6DzPgLihrojC+0GAVP6gIhAIAoO/t6tuW/T5wc4Xpn9FMjq/Hx3daeqpnY39DyzERm"}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.141_1633076115558_0.18477367492510477"},"_hasShrinkwrap":false},"1.1.0-beta.142":{"name":"@spaceone/design-system","version":"1.1.0-beta.142","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"076e8ace6179b731ff652550f56e93156771edce","_id":"@spaceone/design-system@1.1.0-beta.142","_nodeVersion":"12.22.6","_npmVersion":"7.12.1","dist":{"integrity":"sha512-qbM/UMY9hAKBo690WCVcGB10v+uWssFtsdqLNUseAHMmwWJ8zO6Elk5+XQG8xdTe7lAulR3d3bVe9YLssfFI2g==","shasum":"05d16b942c986ada2429178a990f41f3b72960e0","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.142.tgz","fileCount":1110,"unpackedSize":67589800,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCG95CQ8wiaEam1VHgGTnFc5bTgbQ2UT3o/k9NzOnK7ywIhALQLo6mQgK8WdZDLl4kamj7w3rdz6ZAm7n8sInYCkF47"}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.142_1633505217375_0.14832675438363818"},"_hasShrinkwrap":false},"1.1.0-beta.143":{"name":"@spaceone/design-system","version":"1.1.0-beta.143","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"80c8ceeb435311104bee218bdbe634fc97bea56e","_id":"@spaceone/design-system@1.1.0-beta.143","_nodeVersion":"12.22.6","_npmVersion":"7.12.1","dist":{"integrity":"sha512-88XUDw43hUVgZxlpkHCIIP0Apgd74BtPZq8EjqKt0dIoOkbL4PB41Gi6YMCt3a+ID+4IR5v6wV4H/1KkQwTt0w==","shasum":"f7442afa716c1f658a7254b7a8a0c2dd181c1bad","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.143.tgz","fileCount":1127,"unpackedSize":67628616,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCP8LU9ISKAeMC5xxDHYYrC88UrooSVWNNS6cllzmoH9AIgZYlLDo6UeR8zO/H7VXdayUI2A75lpqllLJdJw5XFu2Q="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.143_1633583304213_0.6966460723258712"},"_hasShrinkwrap":false},"1.1.0-beta.144":{"name":"@spaceone/design-system","version":"1.1.0-beta.144","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"948b573cc987bb23a67fef29e1feadcde77fe18b","_id":"@spaceone/design-system@1.1.0-beta.144","_nodeVersion":"12.22.6","_npmVersion":"7.12.1","dist":{"integrity":"sha512-Rif12kxnWZy/WjwAENoyUjfAP+Co7DU4giwzd3K10HQFiOc0Cs5kMIGiMYzHe9/+q4ZKLzVHM81x6Enuzlr2oQ==","shasum":"87ead9e1459f50b752805358a3482b3d7bbf1936","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.144.tgz","fileCount":1127,"unpackedSize":67628590,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDQ57N8uiR2+dOzEe480OCY5PhyD98U9UAEGy5sq9cNnwIgXrh8fbOZ/utv4RzjWVQeJHHS4SkhnwqKXVFFyTwVvcc="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.144_1633585374459_0.8647182711909152"},"_hasShrinkwrap":false},"1.1.0-beta.145":{"name":"@spaceone/design-system","version":"1.1.0-beta.145","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"b13c16c33bd535c2c20412ce46f56260f60ec837","_id":"@spaceone/design-system@1.1.0-beta.145","_nodeVersion":"12.22.7","_npmVersion":"7.12.1","dist":{"integrity":"sha512-9vlXNrOd2jMcqrqFrlg3p3jPDs8cJtJFeXH4ojw2OfWqBShO12ri+Mwazx1X9YDIEhfsFNIJ7xhJ1v0PM3RofA==","shasum":"c0ddbc887074bb9d7e2a8d771b6b5cb1a37f4959","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.145.tgz","fileCount":1137,"unpackedSize":67666031,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDOHm/Jw8Q0heTU1MI3JnjqMO3dd9zxOni6jNSURr7jEQIhAMqTraHW8+XoXEqPIrH/ANOir81nUM3paDAtOx3CvwEL"}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.145_1634798019926_0.06911992699809444"},"_hasShrinkwrap":false},"1.1.0-beta.146":{"name":"@spaceone/design-system","version":"1.1.0-beta.146","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"7e10ea42e31d0bffda7bca137ae0ae9e910d599a","_id":"@spaceone/design-system@1.1.0-beta.146","_nodeVersion":"12.22.7","_npmVersion":"7.12.1","dist":{"integrity":"sha512-MZvHN/8jtXv+MG7lM1b7kAUv6JKq53vd4EswbFM1Wt5xFjgISz4IfTum0FH11ZZZtfGuqfywaJcA4XPPRmB+ow==","shasum":"463a75643f97027747a18fd92c8cc06e439a3c94","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.146.tgz","fileCount":1137,"unpackedSize":67666172,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICJvjvSJkuD0dHMikwKq3su0LwjKW0jIHOHl7Q8Lkc4zAiB8/CX1OQ1APtrvUwP2ytB4Y/sHlVAjhUe2h+qU4szVzA=="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.146_1634809163675_0.9403218264830104"},"_hasShrinkwrap":false},"1.1.0-beta.147":{"name":"@spaceone/design-system","version":"1.1.0-beta.147","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","flatpickr":"^4.6.9","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"aa21bac719d094dd2837243becc21d1169242f6b","_id":"@spaceone/design-system@1.1.0-beta.147","_nodeVersion":"12.22.7","_npmVersion":"7.12.1","dist":{"integrity":"sha512-NQ0ih6HAH0oVAlviJOJWt5LR3hPVUNOQxyKsRTUNl3KMElgPH4PDw3nLVFkzz31rcHwMGF6xzYRoCIensQNvQw==","shasum":"e42bf3bcd67fa83995f6dfd28e2208cb97a2ae9a","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.147.tgz","fileCount":1144,"unpackedSize":68068568,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCXS8DgQ8i/PIknQO9Cd63LP+oLwvPFR1rElAJxr+6BAgIgZLPMNfSMt7joPqrjLilwT5nmwTn3HFdnKFsaGLuknqE="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.147_1635135925127_0.5405929038909776"},"_hasShrinkwrap":false},"1.1.0-beta.148":{"name":"@spaceone/design-system","version":"1.1.0-beta.148","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","flatpickr":"^4.6.9","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"d067f6d47df7a6e75cc9652617241e386e4ac8a3","_id":"@spaceone/design-system@1.1.0-beta.148","_nodeVersion":"12.22.7","_npmVersion":"7.12.1","dist":{"integrity":"sha512-DjjWlezuun8uiiMGF5JHTuga6KnFYA2qZfmuMnDCjTF8fEUAt/5X3Jq1UR7nQWsGvPH5wUEs5KfFLdTxyNPeWw==","shasum":"6ac82420a932344e3d65e18c5fdc485d12ef4dba","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.148.tgz","fileCount":1144,"unpackedSize":68069956,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIG64frwYdSb2f5CD5mp+0uPxWS7kCtrW0qiXyvyT3Y6FAiEAmZL2Ev1aR6NQEVTfYnOV4UVKfUupSVw5+ygVefqw/i8="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.148_1635141631599_0.08119936883008094"},"_hasShrinkwrap":false},"1.1.0-beta.149":{"name":"@spaceone/design-system","version":"1.1.0-beta.149","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","flatpickr":"^4.6.9","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"e52a2b1eb6f75da7cde3b5138da0010d25d0d78a","_id":"@spaceone/design-system@1.1.0-beta.149","_nodeVersion":"12.22.7","_npmVersion":"7.12.1","dist":{"integrity":"sha512-sLXi33f7/VILChirXMfnfWfnM6nMT2jQg9C8eYgx6BYFgoe6eM01GR7VINrcubSiFjn6pRoDazPjfsmZLgZppQ==","shasum":"c02c188309dace8df569a7d497454f0f7f46cd91","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.149.tgz","fileCount":1144,"unpackedSize":68106423,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBDKE6Q6Nror6eqz2XN6B5D2uMqcNP5/3xdx3WCq7OScAiBKbK8JmtNA9aq8z7VJugyDXDa7UxMF5KdXUL+8u+lpvQ=="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.149_1635149845716_0.23865798662472093"},"_hasShrinkwrap":false},"1.1.0-beta.150":{"name":"@spaceone/design-system","version":"1.1.0-beta.150","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","flatpickr":"^4.6.9","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"fb0668e0770540b2df56f95f5404a489516176ca","_id":"@spaceone/design-system@1.1.0-beta.150","_nodeVersion":"12.22.7","_npmVersion":"7.12.1","dist":{"integrity":"sha512-T9h0awfGtvxf1euvHbgNlRbHV/SReieY6fEWBvd8w4amqIQqUEHopmb9sJAxy3PT410kKRbwYrHMTQ1FPANL+A==","shasum":"e040cf2e5033f6d5025cb1476ba706a9d4d64e26","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.150.tgz","fileCount":1144,"unpackedSize":68106423,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDZ+PY8G6v7N2Uw6uLBBYx8laH7L2D52oerDYakok3aNAIgKddkpxAS87UcuEAK+CQ86I3p45OPAPWc7lgwqp51UD4="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.150_1635213893382_0.695835295384605"},"_hasShrinkwrap":false},"1.1.0-beta.151":{"name":"@spaceone/design-system","version":"1.1.0-beta.151","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^7.0.2","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"c0f835efa93f1de030e580fb12e15464ca350fa6","_id":"@spaceone/design-system@1.1.0-beta.151","_nodeVersion":"12.22.7","_npmVersion":"7.12.1","dist":{"integrity":"sha512-ZvKHJfYwZeKCp1hDKWDI4NSY8Zyk7rpmy9uKAL80Z8BRThnaIGqUX0lUhUOQHYtRMwu2zqcrp41Mv8Wrnl1vFw==","shasum":"46ca89d322d42cda969b66eda01c3186b32762ec","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.151.tgz","fileCount":1158,"unpackedSize":68115574,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHOaN7dxFusJpByqK46GfhHLRCSGjrWhWrF4AtVkduZUAiBswnYjmNsMSYHQ1Bqzmkr4js4QeA36rymqtArt4s1lUg=="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.151_1635236751197_0.9102626028188325"},"_hasShrinkwrap":false},"1.1.0-beta.152":{"name":"@spaceone/design-system","version":"1.1.0-beta.152","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^7.0.2","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"79b6c41ff4811472ed4fc35169022e8e84312c84","_id":"@spaceone/design-system@1.1.0-beta.152","_nodeVersion":"12.22.7","_npmVersion":"7.12.1","dist":{"integrity":"sha512-eYwQ/F2WwK2BR4Z60LpUYnZyiIlw9/OfpOgPEDsXwu+SdiL6PWIGaNMeB1r8d9inc9p2nOKiI9AUvm9OxzBP1g==","shasum":"b980b18c4df4e62c4bc018077648f59b3989316c","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.152.tgz","fileCount":1158,"unpackedSize":68126581,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFlO2VUI8vXfgVdJQG7J2ZetBU0mu4DeE+Vj8znPyEKIAiA/+6TvqXo/FmTrCVJBp6zWWk2JTgwrVZZPLAxrnjoXlg=="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.152_1635407683451_0.10266985657703276"},"_hasShrinkwrap":false},"1.1.0-beta.153":{"name":"@spaceone/design-system","version":"1.1.0-beta.153","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^7.0.2","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"8ad1877e479ff1d83aee8ec1feed27f1d685aa45","_id":"@spaceone/design-system@1.1.0-beta.153","_nodeVersion":"12.22.7","_npmVersion":"7.12.1","dist":{"integrity":"sha512-6KXKbbmSSYLVD0zK3r+GVPyX0YYRWLN7TiKe72yw46Pxa9tisIhg7t5c5JbFdS8eK9TKmnjkSFbHQpO/aTzyTQ==","shasum":"1e260d28edc828a80093e1736e676c816371ce99","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.153.tgz","fileCount":1158,"unpackedSize":68126731,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIH2A3GEpl3eX1BF1YCp+8e6ctfzGjVeusQJRkLPCWhGUAiEAsKIEEvm7aOEiIBGMCUEPSsE4xr0QmHJzzYh3pQoR4nk="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.153_1635411060979_0.10255400120645453"},"_hasShrinkwrap":false},"1.1.0-beta.154":{"name":"@spaceone/design-system","version":"1.1.0-beta.154","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^7.0.2","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"bec821fd578357ab19c2fd2ae0897eed15ec5efc","_id":"@spaceone/design-system@1.1.0-beta.154","_nodeVersion":"12.22.7","_npmVersion":"7.12.1","dist":{"integrity":"sha512-km72bZw5E43qzUNB/FXlyiNIEdxjEyE/tZKHHzhongQdbmtPap3pUhV/rI00hzV2RduP/eI1/Lu4j05/q4ls6w==","shasum":"3b206f6539fcb3f3186c956feaa8367bcad1703f","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.154.tgz","fileCount":1158,"unpackedSize":68128363,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIB+Sawz3hKyxiR7eC7r8zF8op8kz8vVGR+vB8xlwG3i0AiBelx9ECwvZ1WHe/sVuWmFwDBsQKyxscFxOvS50oDVflQ=="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.154_1635412227556_0.6570844323958152"},"_hasShrinkwrap":false},"1.1.0-beta.155":{"name":"@spaceone/design-system","version":"1.1.0-beta.155","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^7.0.2","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"da83028b8549749aae5310dc1cc39f6b1a618f17","_id":"@spaceone/design-system@1.1.0-beta.155","_nodeVersion":"12.22.7","_npmVersion":"7.12.1","dist":{"integrity":"sha512-NsorWjN9vUAATyrTZhNh2I+jXvkvHSWXiZkMRKlXvyikoD8lA/mKdiOOj5Fa6brfYXXX5YCr5UfazJNEs8VwMQ==","shasum":"7638931c49e6617d566849d5cac8ad2956025b6a","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.155.tgz","fileCount":1158,"unpackedSize":68127959,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC10N+Z7MdWOFYpG7EuztRbzWYx+iE3Nhc/su16Pz6GagIhAJQLpx0YsX+zRtf1e0gtFbLht60vKsG4YfQpHPhhwueK"}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.155_1635412976506_0.560649141854952"},"_hasShrinkwrap":false},"1.1.0-beta.156":{"name":"@spaceone/design-system","version":"1.1.0-beta.156","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","lint":"eslint --ext .js,.vue src","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^7.0.2","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^5.16.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"36ac935ee6b3449430911e49798e01dcd8b6a38e","_id":"@spaceone/design-system@1.1.0-beta.156","_nodeVersion":"12.22.7","_npmVersion":"7.12.1","dist":{"integrity":"sha512-rwquCdgNhkpRdvwWeol6lb2JzaPt/CSyuTUEsreG54oR/lnna+cwjxsFXiZ5FEFWSaNY3bNNEnaJ6S3a1ScCvg==","shasum":"cfe6368e10acaa23bf5c19e4e815d24eb6fc84cc","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.156.tgz","fileCount":1158,"unpackedSize":68128807,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDolZu73DJNmSchQLdgWvvXhiDoYFJjqXlJ0Z8q4OhkTQIgBQVxXmqJDT8MwQSg5BMwrXfFzIHlSYN/nlaUF59osN8="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.156_1635473070973_0.020946850922055393"},"_hasShrinkwrap":false},"1.1.0-beta.157":{"name":"@spaceone/design-system","version":"1.1.0-beta.157","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","eslint":"eslint --max-warnings 68 --ext .js,.vue,.ts src","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PREPARE_COMMIT_MSG=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^7.0.2","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"9cc3c7aecdb93060432570fc1a6e935b9b3c6321","_id":"@spaceone/design-system@1.1.0-beta.157","_nodeVersion":"12.22.7","_npmVersion":"7.12.1","dist":{"integrity":"sha512-CsxKk/CLykCwVQdonOJneFh2GjUYDhiRB4XHu0e/pVVt+B3ica0IVx03adSixc3cWlS/wcrgj1yb0kZon+9fqw==","shasum":"32aaf89e36da84e93059e3dfaafa216291ad9194","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.157.tgz","fileCount":1158,"unpackedSize":67931300,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDte6hVCID7criHoywOYaYsgVJTbZ+9xAB6s2OpKmQLuAiAadOpRAzWDCuz3LTEtlbDa8/3z+7FYvL7jnrGLAXxKXg=="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.157_1635838875446_0.9820909801261533"},"_hasShrinkwrap":false},"1.1.0-beta.158":{"name":"@spaceone/design-system","version":"1.1.0-beta.158","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","eslint":"eslint --max-warnings 68 --ext .js,.vue,.ts src","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^7.0.2","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"bdd067a718c934ddb5e4cc97afbeb8c0190e61d6","_id":"@spaceone/design-system@1.1.0-beta.158","_nodeVersion":"12.22.7","_npmVersion":"7.12.1","dist":{"integrity":"sha512-SdicYwJ0M8mVItxdfDkbVdYZPMYOaXsOLFsAM6mu5bd00lxc+CHGzP5Kt17LdhEosjkfo92iPil1TkiLBBGpaQ==","shasum":"b72a54bb1805ade13277babade257308e32457e6","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.158.tgz","fileCount":1158,"unpackedSize":67931641,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFlMKkG1cbTljERsPQ6LZz+752+R6hLx4hrn8IBCzYobAiBVxcwbeqRCD5l/34eeTTUSc4Vya+p2czOOuTa7Up0LIQ=="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.158_1635857835687_0.11507544431583305"},"_hasShrinkwrap":false},"1.1.0-beta.159":{"name":"@spaceone/design-system","version":"1.1.0-beta.159","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","eslint":"eslint --max-warnings 68 --ext .js,.vue,.ts src","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^7.0.2","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"34168ba0de36588d7538f72e29345dc0bacc931c","_id":"@spaceone/design-system@1.1.0-beta.159","_nodeVersion":"12.22.7","_npmVersion":"7.12.1","dist":{"integrity":"sha512-2bPD3ovh08m89GkD8v2LarBOszRTC6w+Y6y1STC6/BP2i4j7+fS8vTaXFwKG50aB+u35V3ur3GOENdJidS5C4g==","shasum":"1c4829c5a6f54d88546f23306dacdd2dc89bd51d","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.159.tgz","fileCount":1158,"unpackedSize":67934215,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDbTzOuUzBM2LNkkIjOXCr1Oo3MKhYUCEzFoLaEieUHkwIgX1fnp0oGsekXKTt8SJ3CJJI9N+1Q0aZErVuYxyHCzp8="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.159_1635903647909_0.6290590912216298"},"_hasShrinkwrap":false},"1.1.0-beta.160":{"name":"@spaceone/design-system","version":"1.1.0-beta.160","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","eslint":"eslint --max-warnings 68 --ext .js,.vue,.ts src","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^7.0.2","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"c3641d79bcc686cc81205c6b5695558ae7ce8c5f","_id":"@spaceone/design-system@1.1.0-beta.160","_nodeVersion":"12.22.7","_npmVersion":"7.12.1","dist":{"integrity":"sha512-CzgWy16hMuMiIgjY4ZCCbBoCPe63Isav/gtNe+lCnUDOPiURAiHNRqf5N+XIfk9h3+PDvHUgQk5P3wBLrG0ATQ==","shasum":"26234cc759cb404a0290a7884f8b0d17fd7773c9","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.160.tgz","fileCount":1160,"unpackedSize":67934331,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCPh/subTuWfVpbr2ievADF49eanXjFb056FmV7Fp673wIgaP8HgvIcQcm5BV0oFM6EoGYSim+zP3mn0pnrucSm4ZI="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.160_1635947164256_0.2281098325150679"},"_hasShrinkwrap":false},"1.1.0-beta.161":{"name":"@spaceone/design-system","version":"1.1.0-beta.161","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","eslint":"eslint --max-warnings 68 --ext .js,.vue,.ts src","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^7.0.2","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"bea73e0d1cc8a5c52cc53fa195e5e587efa13c5d","_id":"@spaceone/design-system@1.1.0-beta.161","_nodeVersion":"12.22.7","_npmVersion":"7.12.1","dist":{"integrity":"sha512-qGWRqLhsGBi31bYv4auadlk+UlmKzW2a9UCYK/tcbXkUasoQV8TXeoURQkHPvoDNUy6uXWVVwkea6HnUtSJXEQ==","shasum":"50a3a82a4306a34033121dd006bc2ca424f2d012","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.161.tgz","fileCount":1160,"unpackedSize":67944091,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDCyVlzbpd+uGwkwgqn74Q71emuDAsdhip2GJ9sT3S7pwIgG40neLeX8Dbaz3Wbw50cXwXE2XUrmXd4gmzEKgfEajU="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.161_1635993835030_0.7591364141168022"},"_hasShrinkwrap":false},"1.1.0-beta.162":{"name":"@spaceone/design-system","version":"1.1.0-beta.162","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","eslint":"eslint --max-warnings 68 --ext .js,.vue,.ts src","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^7.0.2","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"52b94cb3022878dbfa0ff6b6afb0053e938bc4bb","_id":"@spaceone/design-system@1.1.0-beta.162","_nodeVersion":"12.22.7","_npmVersion":"7.12.1","dist":{"integrity":"sha512-dAvCFsKPySS20XFZ6ZUB+98Ucmf+eV1J+yB9jOTgHUFPfsO70GNTu06vE5tcAz86ZcqDPwZCzAfFQPOa1QGnbA==","shasum":"96a84778bc48e6d6a96102f468223715ddd80ae3","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.162.tgz","fileCount":1160,"unpackedSize":67944046,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDLcYfrvdMat8JDrHuJGtpjgrflQf0U3XrLVz1x+UaiUAIhAKoet6qbYACmCouQwqsl7AtgeSbPe4gTTI0pzd8zFmeg"}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.162_1636005706462_0.3303780606071991"},"_hasShrinkwrap":false},"1.1.0-beta.163":{"name":"@spaceone/design-system","version":"1.1.0-beta.163","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^7.0.2","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"2fc42fd70dc8915f803faa26850f2a7607dd443a","_id":"@spaceone/design-system@1.1.0-beta.163","_nodeVersion":"12.22.7","_npmVersion":"7.12.1","dist":{"integrity":"sha512-W2lUhsGUltbLU7FcEDSEFIAeuUr8ta0+fjmA98y2FPWwqPrI3KHvcPHRZG9VMXq1JzLtituzTqEL/Rxis3IobA==","shasum":"b4b777112e9c3134de30681e8c409130288712bc","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.163.tgz","fileCount":1160,"unpackedSize":67943598,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDF5GOSzjsNYHcbKSlVW1/ziac5gBeJUXp6Rri7WuB8twIgfpNfIR44mR4qwWU7FZKADbT0FdMFYmG7tUAYKBbq6BU="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.163_1636007875310_0.8894616382643263"},"_hasShrinkwrap":false},"1.1.0-beta.164":{"name":"@spaceone/design-system","version":"1.1.0-beta.164","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^7.0.2","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"0c78a428798b14537bcc586411cd212222ff21a5","_id":"@spaceone/design-system@1.1.0-beta.164","_nodeVersion":"12.22.7","_npmVersion":"7.12.1","dist":{"integrity":"sha512-KN7JwX7ricCqLzriSz1tgCxl3v3Mo56dFD91Hn+/oHoyIxfD+d7C7/g0XnyU5/akUzxvfwd9vRPf8XEt3HU9hg==","shasum":"879403c272da734db6853a44171b99b74419e4bc","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.164.tgz","fileCount":1160,"unpackedSize":67943963,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGQuwjj1tR3/T9HIcazk0VTDJwqv36THZuy1jOstOfn2AiEAhATs0ZGkaoVJ9YBVwX2nO0pJ5GN8Yxp3tI045rSpId8="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.164_1636011646149_0.19932756053615264"},"_hasShrinkwrap":false},"1.1.0-beta.165":{"name":"@spaceone/design-system","version":"1.1.0-beta.165","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^7.0.2","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"4628002475bbbe8ffecdccbfb2bf63b654211bb7","_id":"@spaceone/design-system@1.1.0-beta.165","_nodeVersion":"12.22.7","_npmVersion":"7.12.1","dist":{"integrity":"sha512-NK+u54cBKF6V1Gf6p90QGf/4AEFfo0bVOb7Pb0x0QSpuveISrsI2kStITdwbMpJOZMFT+K7fbuF/Cefwh0B2hQ==","shasum":"4c64b5388e43e82dd93f7d8cbfeb1ee9c0088846","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.165.tgz","fileCount":1158,"unpackedSize":67938668,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCFWFQWd+S9AjtFeYcGTYMQ9SzoEnVQBI1WYxvDmOivRAIhAM/SUdKR8TFdHoJmEHOjhAruvPHgqyYEw+cHJIogOlvh"}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.165_1636096195250_0.12599481579046268"},"_hasShrinkwrap":false},"1.1.0-beta.166":{"name":"@spaceone/design-system","version":"1.1.0-beta.166","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^7.0.2","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"ccae23fd7b3174eb7c55851dff496284c8e1101c","_id":"@spaceone/design-system@1.1.0-beta.166","_nodeVersion":"12.22.7","_npmVersion":"7.12.1","dist":{"integrity":"sha512-h/Nu8NRTPnBlGe5/JiLwIga4juP4kCoQTHkVH1RcaRe/0iQuG6aJ/MeOE+i3fc2UyWu75vD9FadnUAon2GEhYQ==","shasum":"13e1f196d7ec9d9f73a55f4befaf3103d913c3cb","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.166.tgz","fileCount":1158,"unpackedSize":67939095,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGLT2UM2IRfUGprS+OnIjDBQ+ehvD1hFS44cMPbwTtSxAiEAssv1f9EzVWMRt09aYqQ/HAn2UPW4R+1dUP2k6wxh71M="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.166_1636340308317_0.9708988300509394"},"_hasShrinkwrap":false},"1.1.0-beta.167":{"name":"@spaceone/design-system","version":"1.1.0-beta.167","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^7.0.2","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"3f3903d6fe7a6eacff8c67b52b4686a8139e2cd1","_id":"@spaceone/design-system@1.1.0-beta.167","_nodeVersion":"12.22.7","_npmVersion":"7.12.1","dist":{"integrity":"sha512-8Txv+7cp77LH+Zy4uQPLtWu3OzcwlISAgij5ZS2FKEw3Xg4UzDdKYbpa4FMqY1otx96XqwzMcXcRWKb2hyC1ng==","shasum":"e47065c1c83c1eaa76b066c14b2706942af6d896","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.167.tgz","fileCount":1160,"unpackedSize":67940565,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGBwR6ZWIz3K3636nhI3Hx2g0RXae7c/Igjn6Xm5w0kxAiAnOAnL1Saxxru/6zvyecYUJqzYrqJR3R029tXq7dOK6A=="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.167_1636360057475_0.7959058424965952"},"_hasShrinkwrap":false},"1.1.0-beta.168":{"name":"@spaceone/design-system","version":"1.1.0-beta.168","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^7.0.2","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"d1ee2e70db76f57572ae6c234785c263abc800e5","_id":"@spaceone/design-system@1.1.0-beta.168","_nodeVersion":"12.22.7","_npmVersion":"7.12.1","dist":{"integrity":"sha512-DvJyhO7wZ1PUgxPT0Xl/NCXn+Uqtn45r6EsR/3AAWw4rbT9JBpHv7PCpiQuO4ogXEppnO+GNidWv3R8E2e+FZA==","shasum":"c99e003fe0b1fcf0fa132c1ba6a05c5c53244ddf","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.168.tgz","fileCount":1160,"unpackedSize":67941053,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAt+zZW54LYViGFgvsaOknhGbzOgxOvt8km8PLbeboDGAiEAzDiklEGMRnF7hxeXvd/2tkL1G83r3cv/CD3/KqOJojE="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.168_1636438266514_0.002790729974011308"},"_hasShrinkwrap":false},"1.1.0-beta.169":{"name":"@spaceone/design-system","version":"1.1.0-beta.169","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^7.0.2","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"32c019806e4d6f31676fa2fe8dd1b0fb763f4759","_id":"@spaceone/design-system@1.1.0-beta.169","_nodeVersion":"12.22.7","_npmVersion":"7.12.1","dist":{"integrity":"sha512-pS92UdpMt7zBOgr2QpOtK2+JkD4/hTMuzEykkqqnJd9qGiwQC4Rw9zb8m8fO982DkjIq2JxY9NI56nmSNJSArQ==","shasum":"e616cc2663f8b2d382c61f9bbcf0165c6548d146","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.169.tgz","fileCount":1160,"unpackedSize":67940949,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEi5vBOJ8dyKUZBOUlGl/VqzWzDUBu+YphYX3E/ZPfxjAiEAhB/wmnUcyWrpa+wPj9JdHB+8ZLGDoXOR5/DnRW1XctY="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.169_1636444530077_0.8260676568031053"},"_hasShrinkwrap":false},"1.1.0-beta.170":{"name":"@spaceone/design-system","version":"1.1.0-beta.170","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^7.0.2","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"3964c7164f8c811d798cb4d09ed65111777cf589","_id":"@spaceone/design-system@1.1.0-beta.170","_nodeVersion":"12.22.7","_npmVersion":"7.12.1","dist":{"integrity":"sha512-nGyWNWn/xID39zl+dRRQd7FQC4x0I8MTm4CvsweqkLi6knHLB54L7uHUHFP+24DsnPzYFqCCN8LPh0OeCnk6eQ==","shasum":"976e0577cbcf386ccfbc8044265ece39a921611d","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.170.tgz","fileCount":1160,"unpackedSize":67940884,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCd/uUsgNBqTlMC6aSBPIe9+JrD7Cs8diuxD9+FZq4hMgIgGX8QGSdoYhG2XHAv9Pwy2dLmm1Xph6MZV5+S+b6Nk5Q="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.170_1636447022546_0.7209097915598077"},"_hasShrinkwrap":false},"1.1.0-beta.171":{"name":"@spaceone/design-system","version":"1.1.0-beta.171","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^7.0.2","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"c4ff7ad3bd2fe4b6c4647f81da9122df615aadf9","_id":"@spaceone/design-system@1.1.0-beta.171","_nodeVersion":"12.22.7","_npmVersion":"7.12.1","dist":{"integrity":"sha512-DhaMP0XjzOUTb6/yeJeZsPhLgY7gGx56g4KyjKCDMIQG/4G8MT16xYyft3Q3fAuMgPLygcS9yM9FqFlveZioPg==","shasum":"c1aae34b03dd4bdb22a852f49b3592587d3dad84","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.171.tgz","fileCount":1162,"unpackedSize":67960041,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBJYZcc8kxoj3Rtakjk4T/yA8T/94/RyBJ4nIYEv93YzAiEA+HXO/0ThW1RZUnY0XLjtFL4m1an7kTN47SDRx2O5eHI="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.171_1636449479798_0.04584070814097929"},"_hasShrinkwrap":false},"1.1.0-beta.172":{"name":"@spaceone/design-system","version":"1.1.0-beta.172","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^7.0.2","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"2dbaacce860f9c42acd5913eb10106f2d719b891","_id":"@spaceone/design-system@1.1.0-beta.172","_nodeVersion":"12.22.7","_npmVersion":"7.12.1","dist":{"integrity":"sha512-4e43Ly+s20I1OHKfAoxnHTXFVABYvUOLMyYPNWl/e1Zsqkmytf3akQ729ob1f/12bs4oEXQjDT1QVgvZKUQJng==","shasum":"cd0f14d47ab183ec80fc16710008cc279ed436f8","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.172.tgz","fileCount":1162,"unpackedSize":67958844,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD4wFCZBFSS/aXLvXCLiAUc1BnpUf7clTSMrgJB+2xQNQIgKG0914u9q1AhX3SVzI0dY055RYeyMQ2dfkBbssTTxyI="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.172_1636453981747_0.6502916820846534"},"_hasShrinkwrap":false},"1.1.0-beta.173":{"name":"@spaceone/design-system","version":"1.1.0-beta.173","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^7.0.2","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"6781fefaf5078000fa84550544cfe555c8b70b9f","_id":"@spaceone/design-system@1.1.0-beta.173","_nodeVersion":"12.22.7","_npmVersion":"7.12.1","dist":{"integrity":"sha512-PAY7f6TrOZm7bnaQsC00frzIoYQz4AZ5DnYcXpMPAOjjhj48ObP5gSQEvLaYS0P1gM7Dsvt8Qk/f5CsXloX/Ng==","shasum":"0e481c3597ab69a31bff04d14b64cc972407d36e","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.173.tgz","fileCount":1162,"unpackedSize":67959177,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEKoSTRfOV23QrsSBSQIZGbC2XrMAFwZWzSYShl/HKdxAiAVX6HglFODf8jWq4EHHHmDrKy16Yf4rhFRQKkV6iMD5Q=="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.173_1636611998899_0.4842456988719326"},"_hasShrinkwrap":false},"1.1.0-beta.174":{"name":"@spaceone/design-system","version":"1.1.0-beta.174","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^7.0.2","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"e41a39d84c49951412662c58bd24bb7f5fc81481","_id":"@spaceone/design-system@1.1.0-beta.174","_nodeVersion":"12.22.7","_npmVersion":"7.12.1","dist":{"integrity":"sha512-p+Q05x/OW44xseB0N+ogUhkWaQBuCDZ3r2QQupdGlDI5jNGMpos01RakHXsfXoy5KvPYwYbUdSzKvrqd8VurkA==","shasum":"9229bfe2728fa1952522840c2ce468ea112ca4e1","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.174.tgz","fileCount":1162,"unpackedSize":67959174,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGPoIshC8Q4xSFWQyVCi4vRvdk7/on12Tm7UeXIWyU88AiBiAUVulTyFHnyrIBdoRkFlezKx/t/kAoNXy5q1IyS+fA=="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.174_1636619377376_0.5964701532858898"},"_hasShrinkwrap":false},"1.1.0-beta.175":{"name":"@spaceone/design-system","version":"1.1.0-beta.175","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^7.0.2","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","node-sass":"^4.13.1","postcss":"^8.2.2","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^7.3.1","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"a27856dce7abf656b201faf27656b96b3e392084","_id":"@spaceone/design-system@1.1.0-beta.175","_nodeVersion":"12.22.7","_npmVersion":"7.12.1","dist":{"integrity":"sha512-95h/gXjcVuZtTb6ca/nWH6tvKIgqKJXijsW1Sow3nsOZ1XKMeUOXHGZ7NyYTtxZ5QwON3RfrjJCFXjcpclXn7g==","shasum":"92158886d60f9d27fb3373e6308af7a354b1b756","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.175.tgz","fileCount":1162,"unpackedSize":67959027,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICVvMrFgNXNNmSjuAoztzyjQ36xYa85ImTPSUsKUQYtXAiArqCXu7qzXsrSSBHIf5XlR0jb9U1x/j2pKFPZXQP8G/w=="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.175_1636621390331_0.06209548630145445"},"_hasShrinkwrap":false},"1.1.0-beta.176":{"name":"@spaceone/design-system","version":"1.1.0-beta.176","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^7.0.2","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^6.0.0","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","node-sass":"^6.0.0","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"efeeee10cf4a883a2cb1d0de105cd32097d36ce8","_id":"@spaceone/design-system@1.1.0-beta.176","_nodeVersion":"12.22.7","_npmVersion":"7.12.1","dist":{"integrity":"sha512-Cde9AeMF1YauHN4nBPOYPb5T8RmPmfI7btaT4bIkUjXCqOThIo7rdnf+9CitIxTC8WSnavNtVImMjczHXej9MQ==","shasum":"984b302f4d82884d9c67a634f928db35d5be4aee","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.176.tgz","fileCount":1162,"unpackedSize":67958277,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCQbYJigJOAYoaz/QebLJDr6Dut3dybzKB0gq7r/KSrFAIhANnHOlbLoClG7Ju45hqEVtiKVywbQyT5mdv6odv8YnSV"}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.176_1636683005130_0.49144442155952817"},"_hasShrinkwrap":false},"1.1.0-beta.177":{"name":"@spaceone/design-system","version":"1.1.0-beta.177","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^7.0.2","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","node-sass":"^6.0.1","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"9dea36ce53bc2c0b542c166f8867c45eef02d9aa","_id":"@spaceone/design-system@1.1.0-beta.177","_nodeVersion":"16.13.0","_npmVersion":"7.12.1","dist":{"integrity":"sha512-88mN99WrYC78rfmESN5Rh1x8MV82XzPg811IqpxdauU73eBAn8f+9Q01XUaWy9nDKkZ3yQZL7xiwmE9L2Qiy1Q==","shasum":"572558a25318f9fdb41522f51690f2ecf2c30fcf","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.177.tgz","fileCount":1167,"unpackedSize":67974046,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCsGWyGIAZ2zIasBXH1Dl5EpNVXWb6aVJd7ZKzPgI2Z2QIhAOdQW97rMI5rmoabTRHlSuMg8K6OB4UT+AGHw7sAgdkL"}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.177_1636697907134_0.006716302509719663"},"_hasShrinkwrap":false},"1.1.0-beta.178":{"name":"@spaceone/design-system","version":"1.1.0-beta.178","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^7.0.2","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-console":"^1.2.3","@storybook/addon-controls":"^6.1.18","@storybook/addon-docs":"^6.1.18","@storybook/addon-google-analytics":"^6.1.18","@storybook/addon-knobs":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/addon-storysource":"^6.1.18","@storybook/addon-viewport":"^6.1.18","@storybook/addons":"^6.1.18","@storybook/cli":"^6.1.18","@storybook/preset-scss":"^1.0.3","@storybook/theming":"^6.1.18","@storybook/vue":"^6.1.18","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","node-sass":"^6.0.1","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","react":"^17.0.1","resolve-url-loader":"^3.1.0","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^5.4.3","storybook-addon-vue-info":"^1.4.2","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"b778b270b3e9be9bb8e2dc8a74902ad041bb46c3","_id":"@spaceone/design-system@1.1.0-beta.178","_nodeVersion":"16.13.0","_npmVersion":"7.12.1","dist":{"integrity":"sha512-TQhQyQ/euxN2sr+WRECYEp4P2FfTXuQOLWJu0DAD5BuAwrC1GXfUYKi0w8Pu/JTaa72G98he+rEdHBh5zKY0jg==","shasum":"cbde12cbd47bd5b3b4a28bad5695a96b476f4389","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.178.tgz","fileCount":1164,"unpackedSize":67967381,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIA93SitElkgLBidHhq+8Hi/nO2YT2SvBnKYWjCf5EbmhAiAJux/qE1yDFbw3gxhbNN4T2m2V87U6yo9g710So4e8zQ=="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.178_1636702225694_0.5837713126888635"},"_hasShrinkwrap":false},"1.1.0-beta.179":{"name":"@spaceone/design-system","version":"1.1.0-beta.179","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^7.0.2","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","node-sass":"^6.0.1","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"d7aab0aefbf280e78204265104acedd150d2373b","_id":"@spaceone/design-system@1.1.0-beta.179","_nodeVersion":"16.13.0","_npmVersion":"7.12.1","dist":{"integrity":"sha512-83U6nAm8OmsCMljNwbMqAzl+A08ZXbS8Wnn8/13495Xxpktqv4E6DfT/hhdE9ufXALwzE8/zM+uSC6pha6pKqw==","shasum":"e3c442b420e8f024c789c421b0751e5ffb02fc2d","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.179.tgz","fileCount":1166,"unpackedSize":68677894,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhlK5aCRA9TVsSAnZWagAAlngP/RXjZC3+EsQ9IQRhDpSc\nUCOqsYDIZ998Ls0XyV8/eBdvVL/LLSRsd4qf7+KLVLE9uFJcJ1vZ3woNiELi\n7t80eiVCM6Olb6iDEhNwMynVAbNWzjJQrYQUk3EaerpaGLXnLAFyY60tLkH6\nTmfnlcjY8zPuUv2O5dsQz/Dh4rnLuoCuqxcs+WTbaXuGEYdhum3dGCw/mcvF\nVJ8tn+QuNjz9X2c6PXrLSSgqrLpj8/SCGOAxTI3XFCe+AUmIQS1oLSfDhm/g\nj+DQqmOVtRgFoz21OzSk2nP8er7FQUDEr5ArOVfkkpeUpNbC4X0kHts0wDrA\nNlcOTJ7dHv7vT2Mkf3E/FlYQDkmrRId3Bn8pEcOKLqpLnVFTm0gZ8NCoTUjR\nyyJAq0ttuFwJJJJdJw/6qnnUAMIdq3jbvFlptg3PMhTh+O2uVSMkKFJowPNn\nsq73p00yF4jJc9iKiJsF29G+r0Hi5INLbBzpr9A/FtrNrIPguJU1LOEB0XWq\nH1OHNsSKsVSUCVKK2lu/Vr2jplBJZYEJgYCi80d4uxhEKDwgqMpaqiPdlQqR\nns3pNm8koI6ANAcZt2exMLlVXwSKc9/nodN2TXEaZ2aRMpeZuNhwsBCBElN4\n4tbdzK/6jHADHqXE5lcl+kKHlXsSB5wa2gj2jyRlC8uXrLqWZCifOBUC4CcX\nSlRY\r\n=KO77\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDzYSk9lrvC4D1UygOaHzmt7DSFW7JJbLvpymDb7EnY0QIhAL1aempmrZw55YK/Ayw7PqDzLR/Nj+LdC9vsiOhF96F4"}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.179_1637133913843_0.5318370079934442"},"_hasShrinkwrap":false},"1.1.0-beta.180":{"name":"@spaceone/design-system","version":"1.1.0-beta.180","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^7.0.2","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","node-sass":"^6.0.1","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"8114c690dcc130dba01cd5ed0cabfab03b16604e","_id":"@spaceone/design-system@1.1.0-beta.180","_nodeVersion":"16.13.0","_npmVersion":"7.12.1","dist":{"integrity":"sha512-+GjWXi8/0MGvml8Vex6axFwRngmCmhR3+uc96WdxFeaQyvmKvndANQK7eCMtctpctgdyHcW9Ra8pZYuieVtwBA==","shasum":"0d04d6aab6430bea02ab50d1ac175f31feda33f5","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.180.tgz","fileCount":1168,"unpackedSize":68684185,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhleFbCRA9TVsSAnZWagAAxCEP+wfQdHOFs3RWOphq1Uef\n8kf9pWYQzu+DuK+L0GW9n7NLcNMbvpyR9snxtSkDpzttKwgLfW4ZAnHE5AB0\ntY6Kv1MfdgZZMJO51TUMF124/1s1gSvMQCXRzHT8g06VgKr2zeAHWFZEWFLw\ndkH+L1vibbfhaEI3vPgnzzQJ62D8moHODHXLe34da1vVdqVcmULsCy/6KH4C\nQn+ZSzHJKtqGEbbIpxJbINCJCLcfXxatIyMCAouP+xXQ3Z5UTsb/jLdIeQEA\nY/3ZbEwkeqWhMMheVsXx1hsDOY5Zwhh3riKoWWzBL2xjxWaPfOkl5emZeJZ+\nUbcfp+XKFf2OO7vQpFz+p11eowY/irm7uxXdHfYJngqr8AD7X66WjzYa6AXh\nigsFjGhm+yQtoDFXi9boUMWyVnCuHhV6KlNCKtxa3mPs8hhnezNoLcDPuZIn\nMnWhpmlzkXi5wo17s4qzU8EAmifWW8LGmRoN6uDD75WRCj7BKxWhCyCvCNf9\nMWZ2T2olFZbF/jYhm+rX6uGZAqoJybZnpAznDIY5JJxI1gzAbODD1y2f7LRG\nJa91bEol9DzAFMUZFkapbKf3X4PfezeK1Bf1k4sZNzJNVT5y67Tt/UalbDB1\nH4a1MRDqJdvTV253QXKF21TtU+vFERfa/qBleHI++07MOsuBlnRCWsDOu1iv\nCBCf\r\n=G+hU\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCW42L5VDQ+XTFRDP7Tv92ev6JAy3YFTcJxT5greY9w+QIgQWSlWtZ3F5Z15LhSlYzcFoRnRHJb3s7ySXn72w+lmgM="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.180_1637212506733_0.5541236826529583"},"_hasShrinkwrap":false},"1.1.0-beta.181":{"name":"@spaceone/design-system","version":"1.1.0-beta.181","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^7.0.2","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","node-sass":"^6.0.1","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"b2aeee66ef3f167db70b610b2f2c21af6a88d85f","_id":"@spaceone/design-system@1.1.0-beta.181","_nodeVersion":"16.13.0","_npmVersion":"7.12.1","dist":{"integrity":"sha512-Cp52wLrNTjf+J/TcmAqL30fqG2QDREka9yhn7k+AbF6IHtMjQebSlDmFtlqqamspGZ2+frV1yhaXGsBAg0fofQ==","shasum":"d07baed749bf7997d237fe9ffa6f3a4ce6f45560","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.181.tgz","fileCount":1168,"unpackedSize":68682453,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhle7gCRA9TVsSAnZWagAAHPgP/jbQGmC1jWb4FKiPAHCR\nRAtUEA66cwVkVvLAr6MNhqudpol7+Jvzp35A+AwsODROATBt7hVDEdJDCvja\n8Hq9PNYzLitkJPg8zVukH3EXYUH7ZJjDdK9MOYw0TJq7DMneTFKDLx4ovzUl\n8ZaT5CHz8Bo7E5+Xl1GeNXe9pPLz1jCifNuDtNdC7exVz8GtaMnaG3lL3g6a\nwLyY6a02BXBToEABug3kWlyTZ17iF7tCnjRVLHFAOnOC7tJKxPRosJ6wXni+\nq3/HTgyPHctRnPosSCbTGSE9ral970fz3BQ6IBTNHw0jfyThqO7tR16KT/xO\n0HaMlcGguI3Hpym/sYjVixtv4mp59Yj3LActsMeWQRT38UlKqBl+3D82lg7B\nGAvldtIxXO++anpn3MsiRqEAPLIz8g3ffHRB6AHRjANyWzfpUvCFz0JqC6Wd\noiRMMF1rOPZZzs0dBZg+oRRS4Iom8b9AU+pUSS3d+OXMHQ9/0F187RxLP4N5\nQat4G34shQvef6wQuRT8kEHaxbX9uA+FACUmHrxWYbn0D+icRHWoqo8QeNgz\nHaDSiKl+OOR5MtUZPcqnimDHw+npjOBTRopNeWEwwHMPmmBEYD8QU5llE+Yb\npTP4ZmOTzZeFyxceyiF6edjURZ1LKw1rl2M96zFQu0jhSt5xx5d5nOSGg5KJ\nLghb\r\n=lDwy\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCID42BJIrB1be5MeKPO5SKO6jiq1oCvRnabE6puI71UQfAiEA5v5v7ctvkS3IHP3p1qyr0A41yxWCCka7nSpsc55MTMw="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.181_1637215967791_0.9509027012705111"},"_hasShrinkwrap":false},"1.1.0-beta.182":{"name":"@spaceone/design-system","version":"1.1.0-beta.182","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^7.0.2","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","node-sass":"^6.0.1","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"d402706945d9f9341f3e524adc330cf51b6d63e1","_id":"@spaceone/design-system@1.1.0-beta.182","_nodeVersion":"16.13.0","_npmVersion":"7.12.1","dist":{"integrity":"sha512-v//zpnB4bAkZU50yO/FBrgXKZDwtT1e3yXVBFR/otupQfD3/coUd45rzSWkLGEAYBeNadzj8BX1BMiFqeJk5vQ==","shasum":"e80afba04c0a17888a9ac1636ebf4268ed13f131","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.182.tgz","fileCount":1168,"unpackedSize":68682513,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhlfsECRA9TVsSAnZWagAA76cP/RlRpqkFcD7YJshCVzDu\njaV1pP6qafITUkRJobwkpXKw1vOZqdE74wjlzr7c/a7DKC0EhPlcgeSlY3tR\n3nsyN7jMUEKzyWKtSsI4gCVGxpYCQEI3icnjH0oRSPCk8V1lpUjBy3TtiI3O\n7GLX++zWx1/HoxKVjQZJUf0z4LT40yBKcD9I4lvdz5uMT3BVBjTY+gvVda96\nMZ2bG8c5P7JWM4FNu+ugDKwDp8UfkJYpxpJoHebJWb304XSu8NWZjNeJQpFX\nLRP8JHpaIiO9yI3/0ivpya+3qSzDLDSM6DeJ7lun0+D+XBlrR1aTgEVf+9ov\nMB1GNHgtI22TyAcRV54aED56ho33LjDGxd39g0xZoVppan1rS8JO8Jxx4JNv\nC7k4vv+lZbY8ojW56J5ihqUK9LlQlUNnRhOXpS2QkuogS4QXcYXJSqNAOoNt\neAv2diF8D/TZnzij7LaO+y/OOirOtye27MKvBQ5l0Y73CvYpqMLGANke9rHX\ncxnms8e3Hv9LkktNLq6WFrnK/uSnUc6cfMIkXrw9ZQ7M/Zy51DggvcFSsQEZ\n/z1OYXWaJCVbYgVBSaUzjIeFxeF9MpUapLDJhdz5k706ujU+DlhimzPJlNTK\n0ey2oFmAZ3geC4eZyEDbwpiWGkIlQKdXFm9t+YDhY5mk2vpoALaWoMX1Zi3z\nIs48\r\n=2PYW\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDWkJ5mz8Di3zrejgMdVXJMYBsVDh+NTAIPLep10cqFvgIhAOrmg3TA4NZPt6e05uaN8WdEDotputg2HBVDAuftNa/8"}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.182_1637219076152_0.47699817469907724"},"_hasShrinkwrap":false},"1.1.0-beta.183":{"name":"@spaceone/design-system","version":"1.1.0-beta.183","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^7.0.2","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","node-sass":"^6.0.1","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"2b6b55d241dec2f158c099c42f9b59f1bb63c15d","_id":"@spaceone/design-system@1.1.0-beta.183","_nodeVersion":"16.13.0","_npmVersion":"7.12.1","dist":{"integrity":"sha512-ebu0ZZ1cvZOwuEDLc79VkyiCwkKIMiTJwE0j9P8W7vrIQqaKg27dfo4Vq2SW+AeFbGVMbR6EsxQ3aIKPc9eh0A==","shasum":"0e63667356440c97a125af8549a38bbf288f5f48","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.183.tgz","fileCount":1170,"unpackedSize":68682913,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhlw4bCRA9TVsSAnZWagAAvxEQAJ0ODO567JCKRn/rwKxJ\n48mUqYJHorUgr0KGdc20y150O6Wqg4Z6UwSjy/QUMepDAN3RrO6Wq1mNSxp9\nE0im0np+HIqfGHLQa5xLnjJpHEma788inIwyXq9ub+nmBzVbddsJb6v6Z7Zc\nG2lh2SkkxPM3wZgae33nwxltKc17PTYT5LPvNjSvctWImJVGMu2arLcNJivf\npncSBpifp4FM9y7VukHuu9xVOVv+DteSNoWavnNd8RlxrcVyYrYHJXPLHAAu\nrjxUaqCUbjtsUPVPyR7iyeyB/1sRANm1VTBQZLb1rNiSWI3ObNu0HmAIqghf\nA/f+1h/n7ksVqNRAdvOS95DTVwqlqa76uR+WgF2RKfm/jzPFWmIhxnbfqcX4\ncvPaFmgL4JaJVItwvRt2sX2pTGp371h7Vu8J5c80zpM8HgN5hcaJ6i3fwhdb\nz1X7Mqi0iFEREsL4k7kqFQEAgJSbTvL8lPuP4GdI5bhwMBBHRdp48YZfIUnA\n71ELmOAW0nZbHwQ3id0VyPcekX0vhKS0pR991wcKDphJqSKq0aZe2KVMDUpd\nSVzH7hhzmQ5Qz850WNcOIVh21J596FGvb9n04C9h7kD/Ab2pfbozXUDG68Wg\nmWgKkPG/mygGeR4qflXX5nmkThqnsXbBZ2J4xKBfRYZFwr/Iqbhya5eCzKCj\nJF5i\r\n=5S3Q\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIH5H7iLbvgn2g/jpcsqIw8Q10FkOYmXmEhpsvhQRSVQ7AiEA0RMnGsLBI1JXLEnvU5vrYffZNsJz9ULu2PWKr7VbZxw="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.183_1637289498618_0.12095218154241483"},"_hasShrinkwrap":false},"1.1.0-beta.184":{"name":"@spaceone/design-system","version":"1.1.0-beta.184","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^7.0.2","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","node-sass":"^6.0.1","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"9b90e8609e7e24060b12a014144643ff01e89ea9","_id":"@spaceone/design-system@1.1.0-beta.184","_nodeVersion":"16.13.0","_npmVersion":"7.12.1","dist":{"integrity":"sha512-nOgZK3RM5VfRApz3y42s6+kVV7BPdXN1vKn931YLKEOaDVerBuw+HbMSWkF96ej+VM06p6IbZjLiEg+vmcxvRg==","shasum":"db7db3b5f962467a93c85083669954300782edb7","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.184.tgz","fileCount":1170,"unpackedSize":68685639,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhl7PyCRA9TVsSAnZWagAABhIP+gNlGl11wFu3zH1aQIAZ\nP3mvQYG9+mxu1bv84RHCgxPcaTA5oed4BZmjSVCOCpeVnanoliO4oUjxJZS0\nguaOJjBJXXL4kzYeToaldOgQNxQ+Yx8oddfOiCD0HiriPex0/0pJjhsor+e5\n3qs79Tz13u35uFcnAnoek+lcyhdyswHnFtQnHAf9DXg3lu0+c3/M4vcCnlJ2\njFN+URJHLppCZ2xV0hVJaYLx8m6wKQO9waW/H8St7bN2n8pKXde8AiMzK/vt\nXifK4rqVOvBsTvHEl5IDHUejAxAuYOLUVdvobdPoJgnJjLYwcvc8rdKw9ZXk\nMVBMIcg5zcwGIuAWTfaTLoTAg2bxCqGw9UuguexoNzv7OttfDYH/KeXZgkFQ\nWdAHrytwdgn1dQ6bBHU18CtlG8vjFFZJeNY7YpugBZp0URVmaHYQbPdbvvEY\n52808wlFNCN9OEmkgZ3E/0MLdD/5hDt2blqq9aNDfc+frE5vZFPsw1nxXRgn\nEcmg5UW9/XzcfkpXZH+iAHQYHg5LWlLHZ3SKYiXK07UvbqNhsMeXSGKDbc9x\nI1hvg81shTdxhihMWYlUXX4R++IytBAQg9Q9Jqyb0T7N5Wnchl27w0E8z0YL\nBL6bJ4TxHPcBMIT5TIwTvfhez+4HeHaC75ptZ33O3aWmhwRy7JrtTodYqe0g\nvsTf\r\n=qYqW\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHVW7Rk/4Pav4iraHX3DYL5kYs+/hPeXJSCrkCTZMRLeAiAejDnENpyQf/uncUbofM71DUX4NGu7O8qRUI2dsVUhNg=="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.184_1637331953426_0.7981667885766628"},"_hasShrinkwrap":false},"1.1.0-beta.185":{"name":"@spaceone/design-system","version":"1.1.0-beta.185","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^7.0.2","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","node-sass":"^6.0.1","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"2559d065f3317ab01c26bc6dda6afc678ef04f7d","_id":"@spaceone/design-system@1.1.0-beta.185","_nodeVersion":"16.13.0","_npmVersion":"7.12.1","dist":{"integrity":"sha512-HsFBkIN6owum7gyIeZewDWGEJIW6hhwHSG8LsT3t6TxPP5w9+Rjl3CADVKCkCM4UgIOwSHz4i55fyipBkTd8XQ==","shasum":"c2f706ddc63bc8c57982dc8db274c3dda53a5493","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.185.tgz","fileCount":1170,"unpackedSize":68685127,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhm1asCRA9TVsSAnZWagAANZwP/1No//kjJeFnfzElGPAY\nUtMIYhnWQQUf4vyk1y0L7YJXor1g96mqh1paCsyvoE62NdcgyCY3qhLBj/Sr\nzeorsg0pbNjuHx3Xg5HQWU7VWUAu4jN9PbPlZ7JiUvcYWWbA8Ak3FhSMtmhW\nv8DFNiiff0mucd1lSlZpq1bRm/6WSSA0Vy5Q/oA3YcBxslCOELobA4UV425e\nyBgzmCOEKcWr6DqHiMj9i8u+ZFEKLK3kgxFAtRb4J1ti5DAm0JnixNajkga8\nc46EmGFoJ3swdPiYCtGgdB0DdbIQIy2/24dAKoDDGMLrmObGIi2EUC3bNIaL\n/vXCu7hu5aCKt3phoBafqsGkuoxgqGYzgzVA+ZdXic75LOXNNYuGjKIibZzO\nSWHRz7tEZJ1g2jtuzgNCGf948z3cedADyUdnj3KfrSj+/7WPRoVFmh3Kmuoj\nVnMarkj/7AFUOa/+cyYQUPXCx8I6rkV1CUIaTczrABM9Gjz1UmjvdHUjL4lL\nhRJoZQOyiiI0TbH9a4Xw7Ziq9tiegT8+R9awlZlwiQjxY79QtohZFjzowATL\nMivDsjSfG4ZodRNP9KKM5/H3b8+CyKfjzuRAsqQvJ7nl6A+ufWwTUCNRHhUM\nh0nqGvnj8lIFGTSg/kMm5geB1prc9GdT5RIF9ogTQX1c8kTyW4PsJI/c0v02\nMFum\r\n=qyxC\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCCQDtYw13EI8EEhCT1FKqqessh+wMJCdTlWINV2j9xAgIhAL2w4gKekgh5gyoOnf4Enk/T59aYVvZ5yEAmCDx2dDOa"}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.185_1637570219669_0.008979130403263147"},"_hasShrinkwrap":false},"1.1.0-beta.186":{"name":"@spaceone/design-system","version":"1.1.0-beta.186","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^7.0.2","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","node-sass":"^6.0.1","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"651ead988ce167d3da03f9f1a384ffc1ae497e8b","_id":"@spaceone/design-system@1.1.0-beta.186","_nodeVersion":"16.13.0","_npmVersion":"7.12.1","dist":{"integrity":"sha512-b7lHqouz4+qTKm0v4mexbNMaSWiF0Qnt5HnNBeolBurBUFNQcmRQo6bnKpcsLmn214oGZ89hK0IuzF7ATAat3A==","shasum":"164852caf283fdea514825a3f6aa616b5c7c1c7a","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.186.tgz","fileCount":1170,"unpackedSize":68687892,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhnKCbCRA9TVsSAnZWagAAy0AQAKS/az2VKaIBpwXkgqYw\nostH6c8pjdMTSSrbTLxf3uukQbLh73HBb+usPouLYpv4BqlkmAXX2suxaUq6\nLA5xZ+sCHa5NwSJNfziwj/BQHWd1ThafyBZTgdCjsXO0WAEYmXttjmrWz1jg\nlcKFvdyLAogY5iLYRqJYYOBNKmLYmYEVqFqGdbmiH9WOkWDh9OCGBk82F+MQ\nP0S7AOo5G9Dchu7jQyeHo+GrZCmIOSChsegLs2lRIupP+MdNE9UVN3cJFbBS\nLPmjmLKdpv60yReXGxypjAh+lGy0CX2GQhRkjI4X51dbUJvvHMycgTf7l8mt\neozlUMk1nXYEgp4CAOiTKrXOgO2Jv2dgz5vlAMHBMTBdD2bEQCaiInN9KqIW\nYfUlf8o4Is6nZbv/Q2znNygmzQZRBXgYUfCMNUxkWodYK7drWpt84YFrG5cU\n0sG6lGqXLa5KmVVDGMVTFzYY7TI4ZTav9O5alCLJgQxD/fRroIht8YL+BjU4\nCHEbzeQwVaULdnYyrcW/sVX+9FtToYA98BkaDXRbn5RfLjPiZJlyi97MXKQs\n4xRkZxJqpbHj0YUNuf5Gxg8ABHme0WVu5aYeyOilaHXrcgkcUTzIJCNDaosX\nda0HCVEr2fX+tzQeyEMOtJBv+lFUfGgFWmczgsqhpIfuHha5KpQESRxVFIpP\nyJ+9\r\n=spBW\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGvW5pkrAU/FGuHrsjNRN+Jct0/IegdJcatEcxiJNHHwAiEAm8Yr4wSSTRrx0U5kUNXbfxaWkrM67Tq9zg0BiuDvZnY="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.186_1637654682898_0.8260629744394119"},"_hasShrinkwrap":false},"1.1.0-beta.187":{"name":"@spaceone/design-system","version":"1.1.0-beta.187","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^7.0.2","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","node-sass":"^6.0.1","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"af462066ecb4c8cab7cddcf717d187c5de84eb80","_id":"@spaceone/design-system@1.1.0-beta.187","_nodeVersion":"16.13.0","_npmVersion":"7.12.1","dist":{"integrity":"sha512-UGgSeJSNVvHEJ3EK3A4mJEOCET7c9rBeZeZGie5UwEdxH5eUkWv0R8u2I6YH6iXRt82NIFlheq1lGJxC2F1eTA==","shasum":"0df10de502e4e3c5e37e9a64ff9aa15d48b8df8e","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.187.tgz","fileCount":1172,"unpackedSize":68694506,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhnaSJCRA9TVsSAnZWagAAd9gP/1TqnCeQB+tVuNBEDcow\nTvHKnnSFj8k5vkJTCgYmMn92TzWeBgz2Kn8dQbuK9preoGBIQTgvPRJu4g3A\nu59NYaasy/tnM2QCTlvMj3TjFYmiJDV1NwjsshetfsoDQDSWuiqJ7JWs+EgS\n+lDLVtrf+hXytHFjndxNDalNKycbnBCHvvTlErWu/hOpY70BNoDqF1MNRDZR\nmGxsON5BDYTVUd0aVEWx+DIf34ZaK7qRvL6/GS55EetG1gPTUhUATZVbKjyg\nfEIdMJrz6nT0YK+UUNjE/Q85Ty77yeruvduakoiGrLUdbWHeE89DOqRx4JCD\nH6L63zC5wyo3+g9ojDOsCFMd/rNWOdL1k2Igp/Nq8e5cZMmn9ea3oLhO15K6\n5erxJ7ApfaSs58vEcOK0yUCHXXRH48w3tF1l9M+3dCCHgNYzUOTGMMr22gww\nKuvGBvqd6hvZUMzlf8LmOeKKiROWzFlbf1DVR2okVzVEQnPtFjf+BMcEwfZp\nR41yFZMmw1r9P9BAQ5iB6ufPjBvCFUgbbyvFVtWKWj8j/E1O6toIbbtzKtXk\n8NMxzocc9GdYNWeiLtaCF23/gCEtUVWPlcGs4mg674xG2jxeZoy+TUJ+OUCj\nnhzv9UkRmK12V964vVwCW+TWXk9UMPfTexK5ew2yqOU4rV4qfcag8rEy8rZQ\nRmIb\r\n=lA70\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDNx2li8m8jTQZqZ+maYUTcNSnR9mKwaP2qnxVY/u1oRgIhAPFGuNPtRFZ1bHxAJ7JDNx10UwgtkHfJA389TXHmYGD5"}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.187_1637721223223_0.5053342776371856"},"_hasShrinkwrap":false},"1.1.0-beta.188":{"name":"@spaceone/design-system","version":"1.1.0-beta.188","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^7.0.2","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","node-sass":"^6.0.1","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"e78f444e4d9e3f6d172e130c7160fecbce314384","_id":"@spaceone/design-system@1.1.0-beta.188","_nodeVersion":"16.13.0","_npmVersion":"7.12.1","dist":{"integrity":"sha512-lfL4k2LmfMq6TUqKKxKYbqUOOMU1QWungZ4f0YCXvpfusHoiHq3OQiSmuYnNg5DBnJKt9Wxwls7vUP1ULr3W4w==","shasum":"45e42bb72e7f6f4a62a88597e78b67b66351427c","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.188.tgz","fileCount":1172,"unpackedSize":68701480,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhngCnCRA9TVsSAnZWagAAD3sQAKTBm/e/g6cH2n+3Jf73\n04zl6dEdPRyQY3UfLjLA3NviBVTX0j899n+06Nb/X8n5jsUO9zoxR047jfwb\nUSSyqz5nCqeOjqR1OcbjgQLMYXKFhVgFmJFbVRpyDoiErleXHAeg9wbGxkGp\nRMgQTnPM7txcfAHTmClJt4TnD22dyWVxko6FCtFJlxhmf8xI8Wd9I5Qi/bcP\nFjDOyJMPZubFmmmbw7fDVzZTtMdRzON34broWdQsoCSSGTD4fThT/Hkme8S8\nbfr8HbkgNI+kfUlK8W2h3PwNVqfPttIz7kFv+KN3IGTB1lQgvvUP03DfeJuW\nd8jP/wAQiO1W23369VIAE/WIzH+2Lnmr1508UYMMo9FM7fOJPm83POPlvv02\ntAHtFf/oYKZp/Ysw/zbF/KR89x1eh30b8RDwNhhnrtfi41jt7QVips0r7waI\nwCCqxuFMTi6167rl8xalAKp2A5q2BUtACKBU6uIKbsTKGad8y5TtFE5Dmiwh\n9y6nobiweTEBogAOh+fSXNQgCpNCg6PMSWotsx8udPF1TnS4r3auSJCUIUmo\nBikJBXgkA8Y2JxpkBYT4ENSiQbcd0UgzIgCFUYfjovJicOQe0xmj34ARnFlX\nw5C7JatIUrhIA5YewvxsRNzDykAh8JTjeY35TD4cmoeqdZOKaG7Pr+hyLIIY\ncRvW\r\n=uqa7\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICWkLgfSUJlp1Ch6oBCgS7GwPx8dZ+FkyNK+BhofSgRPAiEAzrjjMVohQjeG+l84sgqmty94nbToIqxfBFERh3mzU58="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.188_1637744807128_0.4518208630756697"},"_hasShrinkwrap":false},"1.1.0-beta.189":{"name":"@spaceone/design-system","version":"1.1.0-beta.189","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^7.0.2","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","node-sass":"^6.0.1","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"ff5f19a751ec8bb2108ee35794e4b94f8a332613","_id":"@spaceone/design-system@1.1.0-beta.189","_nodeVersion":"16.13.0","_npmVersion":"7.12.1","dist":{"integrity":"sha512-zzA+htR5znJ8PIXEVdmpxtkB0dX5W1St3oB+MRkIM/7DLhGJnlKqVrwyL/l6VRii9KJooKLK6nSLSKqj3uIBdQ==","shasum":"c6b0de3d26d63a5b8ee6618b5a9b4f3b6e6f12b3","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.189.tgz","fileCount":1172,"unpackedSize":68704634,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhnhr5CRA9TVsSAnZWagAARkwQAJpmxtl5nAlObEcyTO3J\nn85xcl56Xu59x+pFXm3lmVjaqSvnyCG9PL3pI7FUbgAB0RWusi/vJO+sCKd/\nxDmlD/zQ6AP+khPV5qwKro2VRly1QQ+1qnC71O7IdyLap+mVg6aMbPuAQgim\n3BQuUKbfFoIhbBTpPXQZ/MNenEYoaPruB8XEDmVkGMdjda+THTjDCG3JwSK9\n7bRPMMtEi+1mYMYAXINqtflxf5neO4MjWvZhArSb6YOa2eO84OBlS/a1KiWV\ngWqzcPmXmxDOZMCrOauRlLBR8BtsWgx5G+qa9O42ejTq3rfnYqoVHn2nXWdd\nUIIjOw1UsFhkrGApFzfaQE/k7jJ4OiCNrA1qP0piphF1W6T5Rmdi0ZtrLqH5\nHY5o1vmMR+Dsd7noLQQuUEkri8GwZrC3WUxRPYPfLCsQFduGgjdb5fgW+r2F\nlneW6U15ToTYoFi0ipyaXrEmAKP4Qq10wEF9aUs1dOwAc95kD7BL0C1EMXdO\n1VyIcsa/KIPndzzQctcmdQsKt0ON27XAAXkV4MDJRTPM4or5E3gZAvjpN87u\nVoooQylGSDazOO5QifFXvfG4pRpODoQALUrnNyiZBFbQ+b83x08pVKuj6r+2\nPT3bxXaWGgOma6Y5OFpatrkKX+HxSiUPEyUOTXEvtTdyRM4IwvfT6MCyoZx7\nxaAw\r\n=bE17\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFK9qM7L3IkvsumGAwcmRszVfgQMVRvPpgtbIMeJgYfKAiEAkIhqwUEmp/JuYeOK52SX92OzV3/+f9H6PvB8WtPOwlM="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.189_1637751544371_0.20788715020558124"},"_hasShrinkwrap":false},"1.1.0-beta.190":{"name":"@spaceone/design-system","version":"1.1.0-beta.190","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^7.0.2","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","node-sass":"^6.0.1","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"5d1c13bb2bc1a4a61d3add885bfe548a089aff87","_id":"@spaceone/design-system@1.1.0-beta.190","_nodeVersion":"16.13.0","_npmVersion":"7.12.1","dist":{"integrity":"sha512-9+zi/Tq8DYEP8/mPY+gIUxNcBd9u+sfYN7M6feYg0O+FizRlMQ01XooXI3wg8GqyapW0elevaoWQLFkykkI5gA==","shasum":"5755cd6a1c9fa2520c03505e598aa59674560159","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.190.tgz","fileCount":1172,"unpackedSize":68704749,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhoKgGCRA9TVsSAnZWagAAbdgP/2A5ov0GSYqNt9fxVd5g\n9M6pvXm0tkWD5t0RB857rN+yYBfXKFCyTI/jCxiNuyTPhUUN9OpTd58NpQD5\neiTxFM1FDGHcG9dqlsZTQswP3+0IautURwsa01EPZBEKCe1krf6Yj8xvY7yR\ncqpTmGdYfj2nmYeonYtFYFL+QrrjJ7sfKzCuh/elcO4LC6w/HOHo/GZMiw3M\nbpaIYfu7d27LggXiGshAuQVsSP/SAdr61PWXrF4+hczyRxXyIpSDsi9ONFhM\nCZX5UZIcFnPMFoAYL/NtGr6usPke2KJOqBPMAOUMSCuH5zuEXckCn+lUh0il\nmxCaGX19szcS782tZXQh8Bxpz2XsNVMvA6RPePuf+TDPsxlLHzqgoY8mdBcY\nSVYMnf1pgu+xGZR9NtF25LB/fMuDcCQQGy931W2eACDzdhXhKI45QiMTvgz/\nEl+uzo7HAxrgkB/x3jYtAwZ30ev59UKwJVr0sDqyfOWPy3vlTTV6tlyj1Ebx\nu+5vllV8ldNMT8IMN/lgq4WPPPrRn74bQZwpO5zEP8saC2bsCZ1Z+fyGtVDJ\nB637p3jABfSb9v4Nfsh9Qq2n5eOudQNun4JSklDtK8Dtfu1jRPo+iJHatJVI\n4eXnCRINtq2Mefcc9P+Vbitaa3Nt3P5q6b/tAv97csxXIYxn9UsXFANcUWJX\nbZid\r\n=Pxbg\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDCMRPDNj43e02EF1C3rr5gc160xmCDm21qEJq0rKww8gIhAMji4oywdgbdqIcAx17PZO8aGna/fCniH0/Nih56qNW1"}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.190_1637918726418_0.11989423410157363"},"_hasShrinkwrap":false},"1.1.0-beta.191":{"name":"@spaceone/design-system","version":"1.1.0-beta.191","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^7.0.2","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","node-sass":"^6.0.1","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"070916890fa26fb89cc154d07a2dc0ce4c542b44","_id":"@spaceone/design-system@1.1.0-beta.191","_nodeVersion":"16.13.0","_npmVersion":"7.12.1","dist":{"integrity":"sha512-kJc1/ROZOuaNzt8/9kKEkFr7xyWrFVNF1jZAQZmzV5k367DaY9Lcv6AKf6p/d78Xzpx2xSdsHIIl+UH/VDEiJA==","shasum":"32311c3c780035d15b0585a94a42697a69b557f7","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.191.tgz","fileCount":1172,"unpackedSize":68705246,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhpynKCRA9TVsSAnZWagAAioIP/3hakbjm1Op1WRInlGCr\nY5563GpWBN0Hbyh9GssEt4MdfUwIIXgzI7uTkWLykSZhqB5t4XD9JZM4qPFK\nS+JjmhL+7n1tSAGrPNNnllyb5Gj1S4X1EkvV+dm1Y6lnKlZ7wWG602STe7qA\nnKN4g/6Z6PF8X6dSjSe9TTDqFxJnJAutGYcFycesMrgQia6E0g4SuWJ+L0qj\nKSsCifbNNHFcba41ro7vVIIKt+hhjFHrg9BY7TicpQGMuB9cO7qJj1mFYpIp\nB+ILiHAHgxKBE8STLkpV6IN1Kgk3z8G6gqZQgWfz0k5pldD1e/m8nMulCJ+B\nhWOonUW61qL/uF7WF6v7LD18MhMbXROpCCR0NFSgfV/IShVOY8C0iD14MMlj\n8DVQtT+i32cs5S05NcooYLGMMfW8xXOUdAB8z24g+1qjkMdxqnJohY4M8Sof\nti39QhbFmXdB/tkpWjjIXYGoHnMuXE3JJ27/4anrNSuax7MGC9l7ykfpYjMO\nTMVR2VbNkV0ezG0BJOVCcO0WXp6HEmVWN71KVGK3GceGKtRH0nMgBlI8BDMJ\nEAkq2/hQO6kAye/KopfNw8GVY663onEhlRoecgkxVNeCeu1/yrrfN06Rl4hP\nbp1BGZFl2cSbw70ucPKN7nAO+E2g+cFPoP5sbKmbN0ZgS3oWdksgF6ayCYRP\nsUer\r\n=o+9y\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIE20k5u53c0RkKh+HUDpO4WLQlx92v6NN3Xu/sCiuBubAiEA6SmFJDZ1K+YpOrg6XOOcXEi02P4XXoEecnd9UxnJKCM="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.191_1638345162090_0.40162838528581735"},"_hasShrinkwrap":false},"1.1.0-beta.192":{"name":"@spaceone/design-system","version":"1.1.0-beta.192","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^7.0.2","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","node-sass":"^6.0.1","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"fa27e4a759a9a26c51bde0e3ef6a171ad3086e12","_id":"@spaceone/design-system@1.1.0-beta.192","_nodeVersion":"16.13.0","_npmVersion":"7.12.1","dist":{"integrity":"sha512-c4DKU8EDmig8qFonM9dX3ovrgKt/3uvXwATpML3TgvblkFTPjC6+orTVrevthQEngkilBZKt7O1mCyhafk3EcQ==","shasum":"3397d30df82d514b3f25f80fc1c6ad2164ff9a3e","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.192.tgz","fileCount":1172,"unpackedSize":68705255,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhqeQnCRA9TVsSAnZWagAAr0cQAJFao/Vnr/WPrjGpLyDY\nk6Whd2PhIL/pCPvKw+I1fT3MDasU7l6Fj0MMteMDctyzyrti6pcMcN1Os3lq\nqIThHHiYPzVklhrGJSETnZ+wqG3iGmDpJY/WzRVGbNJhtUWp2UKLJV5GvMXa\nGkPXwCKCB19IfNrNzJO4For3v7hzG/qt6TLWc6AeGVKtPLf4uoOKCvUfVkrT\nMmuasTRJ3S1jmXt5NRLpRrMDrc7TWg0hWoj09O5cReaQq+PU8hOwjrx/Xgbk\ndmDXLzdslTZXTaBOuUeU6/17FGm6ZtXOoDuZMJO0pEdxGWXnCmoiUcD0JIqb\ncQ4CVYs6wqNZgtxrDUMG7cNVK2OAHJsclOZTru/83fDbJthgnsvSt6OVFXHi\ndUXgXjsSS/4tkLorKa7y8Ogn2ox3U1vmNKpMtHc5nv3Jye3dtJZ2e/E3EqST\nwtkmBnGQ40Ae/J6fC6f3vz8AWEDB+5NCn627xeoMbT8j2cce4xpD1nOLDh3O\nJIvX8WRVsc88pZwmVCKce/XdMzJ4ip0IuDqJDmWiX3fGDeQQv1LeaYxYKZwG\njasMOzUJLD0rJT4DHkOzzmKGJPUAVxPd/Dz56p43eyRkPItmQE/fWnwep8lU\nU4b/DWn5dyeahtW2k6an+oRZ0FH/3i2c8Mmj65JuJpBwPc5dDBEGivSbY5+s\n3NBW\r\n=yMjQ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCuwh5ebqITc3dWWq8NMpilGpCr10RDkQsg95ZWLFCO4wIgCXBhDddXKT3O26oHDCdtHfRz4jlkZC1VKPSLMZP67ZI="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.192_1638523943077_0.7968507959494291"},"_hasShrinkwrap":false},"1.1.0-beta.193":{"name":"@spaceone/design-system","version":"1.1.0-beta.193","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^7.0.2","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","node-sass":"^6.0.1","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"32f981870f7b0430970d87b5afe87ee88df89a4a","_id":"@spaceone/design-system@1.1.0-beta.193","_nodeVersion":"16.13.0","_npmVersion":"7.12.1","dist":{"integrity":"sha512-PKyDMptlgua+bWe3TUz/7QxbWC+Ss9ZOCSo+Zm/k32kYfANrlQVxjQjIc2UHSvwZOcEKF6AjrZjda4/l7tpngA==","shasum":"08c1481a67161eab57fd40ab3284fc16e1c99db6","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.193.tgz","fileCount":1172,"unpackedSize":68705335,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhqeXkCRA9TVsSAnZWagAA/XEQAJVyP0yNl/9ukAEpTnGM\ntJb8cNW7KICR6eruGF+wu43C/lfMPyGZY8+JS3iV5IKcTT9dtuOOmVmpgQ+Y\n2TH+3lgGhs2AVEWhLzj6L2Bl692t4RQmcj6Vb/2QhLqafvbjyJDId9/nJj6/\nD01XBs77ibIJd/iddab01eawg/2WccybAFOZeRxapjSekj/W1dhtgwUejY3K\nMd0HvO9Th8w3ETes7ppCOIJG30F7e588vqzUQ7OkdP4zLo5T0SCZMgzJkBVv\n3T950n2HgprFBxMjj1y0TtEQoW7SkOTjMtBcO9Sv60t6WcRrxPJeAT0h52pj\n6aAzESzSh5wld5abeCaYea0ShnCmF2bmKfl+6SJ5ZiDMLAHsl7D/ee94JxR5\nEOQ5HN23EyUK5qBcC9d3cb4q9GE8ZJN5vbeEWVpz3i1F5BOPSyQ+Kw4+Y3SY\nYgqg9SGuNg0AksvM0diWcXbPWCx2ntdw4ZKB+5fbDPa6W7AxcDnEVGLbmnga\nYTadnQmLnButaYXGbM2tBkUWX6x0/zCUbL3FhIGTxo5B21v/pp2YwqZ4YlDf\nRhA1kprmxfzlfZPzraco0UWqBnv+jpB6COEey9K7JolxRfrJNnK7M9cKtrHO\ntEHrAqNDjLARynq/mNu74BG188oL8jjjAzt3S2zGoMgV9L10LUg+fnjYPX8j\nXy1o\r\n=7Xoa\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICodlts8/QF/khDzx6iH+Z/8CbO+BWapBFd/ZOLNrem1AiAjlD0G4XmbowCxhChHGddON/mxBXY1DobEusjYCgLXKQ=="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.193_1638524388139_0.6855830185293807"},"_hasShrinkwrap":false},"1.1.0-beta.194":{"name":"@spaceone/design-system","version":"1.1.0-beta.194","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^7.0.2","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","node-sass":"^6.0.1","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"d9461e1f924c307869293c2899aeadf991b7d25c","_id":"@spaceone/design-system@1.1.0-beta.194","_nodeVersion":"16.13.0","_npmVersion":"7.12.1","dist":{"integrity":"sha512-qZ2yDVX1mVVGwJb8EoM8zL1C1EfN2ts8dtRykQOjw7q4qUVp3bpmF1algTFcCfEyupExRyNDmPWsL8xg88ub/g==","shasum":"a3688eb5e60a2d69ee4bd0bd4b7ec2d451dcf1f9","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.194.tgz","fileCount":1172,"unpackedSize":68706511,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhqewUCRA9TVsSAnZWagAAGO8P/04F8jSaofQ48vpJWuef\nT//Mp/l5tfBTa0JBfnVuPlAGd0Afwh7XITjjojV+XMZ3SLHqxw/BUZrNQJ1D\nuYnuNxGDY9o3UtnT7n9Yj8NZgNGM3TvFga/LEE0PJvqyDf+PUL1g70WH61BM\nOYv2jdYeonqAQYIPQAZbVk6TRq3DOQXi0wpP8eBe1w+AOg0vmW40lTsugpNH\n/xbrgpjBi3IUSn6B3hzsNwWmUW0/uHEVCEnRxvsnlexDtF1KDAUj31DIP8oa\nrsNp5mu+39g44dSsynIXnJQIUKeMighNaNWdLyLrnCHF+f3M2fM3hN5uycmm\n5r2AKTocj1hHvcQIVuwWK0MxopQ6OJqN0QD7Gkg80zuQvy0VL57faKZktVpq\n1PzlrSS9XzksE0NSvVu+XPgjP64WqhZzPr8+i+0lItfE5NdqWY9he+ybGFwU\nnnTzTS1KOIgZGVFpgmKyRIROLVPi5T/nsw5A5+eCDnUgrNlppaGSJrCYiV3o\nC8GbFmh+Tj9skS+OLUF7X/ORfcZrZnGWH1w06mCF4QcaUBVjYudU1mDdAE0/\nxtvK2XamF1FBKzwzUQ0iiULqEebuKVVmMRx6EjR+lC+9nssl/93aOhhmEUVc\niaN9ZbwBZEI8MB7+kIHla2XwrgMzwMXEWoKrQWvhiZyJ4XYSiP5ZG4J/jLQj\n560w\r\n=lyyQ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCaUw8/9r27TDvKEJ5jpuv8XvigcewXkPvbwKZDYk6X0gIgXibUb3r0/zOR953P8M0719CXGdglfaSI8rUYLP3wYNE="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.194_1638525971597_0.018513249652280628"},"_hasShrinkwrap":false},"1.1.0-beta.195":{"name":"@spaceone/design-system","version":"1.1.0-beta.195","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^7.0.2","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","node-sass":"^6.0.1","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"703d2a6054b136633f83df263a4a29fd83b3f0ae","_id":"@spaceone/design-system@1.1.0-beta.195","_nodeVersion":"16.13.0","_npmVersion":"7.12.1","dist":{"integrity":"sha512-GG5gnTm9ngaeP+cYeWVwF28CVpYM9UKQYtiCZkaffUPfLrsSwRegzSkprdPnCtU3SOb4CHrY7SSzHCspmTMySw==","shasum":"0a65839c2228d80b7a291d6d30b6b23725cc37eb","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.195.tgz","fileCount":1172,"unpackedSize":68707026,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhrbtfCRA9TVsSAnZWagAAxHoQAJBM0dHVzbaOR+TE5L8J\nWi5uPF7uf848+Bnwjxug5mgcitmn5XKRjTKeEvv8vNBWt1R5GkdK7PTuSCq8\nIE4gHC5kYXo3Q670sverklnBW1WLWv44HozMtiF+Ld5U2XIc6K4qX26KeYy3\ntQmeELNGrg8agNyNk3LAwourWHW09Rth3LD68CTVGjm7M1BLMGd58/e537z6\nuG3HObyFge9ZgHiHSoj8+D3ymMVPueDcgX6SxX9Aj9mlspgcXq6u3CRcYyXn\nHRI+pgpUD6pv4+xYRJLnnSF0It3a4zr/HyrpEOTUOPqnfhyKKIQeRGMkKjKG\nxK8PU6OFMK23mLjCbO0W0hLgbXnNbnFE9o0fo1EkbHJA+7BNwyiy432UK0PD\nZL3Okylq4WYxUJVlZPTbd8k0gODX9fovrKeGHRk6umJPr+WZOkIAzSNcJPSk\nByD/idwD7w52i1qlzo/d+hc/3iuXTLg1d7JeunU+riN+0kz51k9WD9J4iAPN\n2/+pB7Y4DSyBNglWWLEahXXJP+YyV7L0/cjkF8YlkZ2Vn4HZalin8NxzxRqU\ng+TU2ySwkJxpP9fWqiVrL1LqpWCKF90Xd76pSb5Ix5Ihus2iYQgFxuszJrTs\ngConS6JtRyt+2/kGXWV4rXNE1L7OA1WEgxlUIvPd4PZr01gGiP6PFobz+aJA\nfUub\r\n=EtAc\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC9z6WmMsMoUK646H5Qml/NVkZ5lxzeeRiTNX+jJrStAAIhAJpyab2YWsqngJzxSmQLmiVw5AP51w1Vx6wKQLZSXQ5c"}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.195_1638775647094_0.5180301263680567"},"_hasShrinkwrap":false},"1.1.0-beta.196":{"name":"@spaceone/design-system","version":"1.1.0-beta.196","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^7.0.2","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","node-sass":"^6.0.1","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"0f9844859a6640b84c192cb41de89e2f43e56d11","_id":"@spaceone/design-system@1.1.0-beta.196","_nodeVersion":"16.13.0","_npmVersion":"7.12.1","dist":{"integrity":"sha512-Mtn4P1ohq/En+UIFMYQwvM9gDVUWd8Uj2soqV/oodXRGo6pqx8jE0qIq0x7OBejJYOvTdJZCxx8dBAZAZpxgLg==","shasum":"b24586b0c9cc1d382e881a53d5a329aca5f3525e","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.196.tgz","fileCount":1172,"unpackedSize":68708021,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhrb/sCRA9TVsSAnZWagAAnHMP/ianNg5utgQPJ4ecolhi\nKdkVK/YJzVQ1EkVr5JDZGJ/tHaNQIrm3ngeMngahWGh3SrHg+cxvxzw3y+d3\n/GdibsMsMP/lwsNmZq39z2WnoPcLAjTy7lX6hPtnboMHbZnvqStzMqHx3z1a\nkjTm0Jv4jxBPY7S+pVYfnhJbHcyEsTtxsGJxU9D9Z6x9nMYyDi4HO45dBexu\nunlBfVOq7PVTABGi8oOW7Qu/szhPSBW3tQkj6U5Qlish7qzRv8XJX20hbwJz\nPqPO4Gt2HhN6SsU8G24KCDMHXbdZGxq93etf0qzUVGlYo6QbMVlyZpZ+a3oG\nm/ngGj/RXluo9kD8WPP7EVpddKUdwVqexTVP2j/BhSN1GSO6xb7/4aUkSRVD\nXJGjvspmkSKzkCvdSgTaw08AFC++bKXI6oMPgUIylC8hFCG/6dERMshHj0Sr\n1meLLgyZLKeWFY9FtkMoyh/rthJ+4SM52dPkBjBqtxzdcO0yKUc4WP6vDq9A\nhEyDHemLXr0BGlMq6H5I9VR5lq4z/KfCFkDQlKZKlk/PRNXBEWDfIK89qBOn\nSvNOAAip/q8gFWAFNi0ASEhBOf9B/DGbx1cQJg23q8T8079tpZ5GY+JZKsPT\ncoSiu3eLYVm4y+noK/P7eUzd2c1j4+q1mci6R+hTHJAaa/9qckFrzkqW0PEw\nojut\r\n=B5e4\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCnj8ByfFHVoz/+lcDVDrI8aA470zUZLINSpftPeUZb1QIhAP18rLfHiRwDnOTODEjWprUWyPWVZqZTpnBP0i7fHXHC"}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.196_1638776812222_0.301044936041591"},"_hasShrinkwrap":false},"1.1.0-beta.197":{"name":"@spaceone/design-system","version":"1.1.0-beta.197","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^7.0.2","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","node-sass":"^6.0.1","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"53aa95e0105330da92cbf6b7274421f3fe470395","_id":"@spaceone/design-system@1.1.0-beta.197","_nodeVersion":"16.13.0","_npmVersion":"7.12.1","dist":{"integrity":"sha512-MMBbH0izhpA43FtEd3UbMxK5lM5i8UFtphFmWMQNsDbfN8liz01U80/YXt+IaEZOf9zkWQ+JXrxvA50i020SRw==","shasum":"9f0e9c62de70d67626bbc7e507ab553337be209e","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.197.tgz","fileCount":1172,"unpackedSize":68709911,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhrd1gCRA9TVsSAnZWagAAqs8P+gNZICbwwN12oE7upePS\ntsdprX715dB2MrEePvSHdApIwp/0NbcXrH1/QVvNW++aFpjVsBOSiFUtFu0g\nnMAMYI0MfgCU0FSmq403zTXsGhvkEKj741Tst1nwreqXJ5uXDH6TevSy5/eP\nrV6IdJ0Rh3cYbp9cTIVLfGoBMkPpigW+E6iWg6D/JMA8hAE6HY2aYEK48NbS\ndPiWYyG+X0YDa7blniMXyrdxRj1OD1QQK5/X9aSo+oBqqKBWREm5e9R14vel\nuhsGdC2Wy/rGPv6Jd/ivcNgXQDbJbktNjgCuZm4lfxllN/g1vtw1af1xcPRP\nyHMPcV7y4q16HwlW3rVCziAkMoMb28V+ysCZJgFlWpLlJ1NRN+F5M4KgNYsv\nQG8HdvRRgrQJYWLbKhIYfgx2UDvmzc2HajUISACx9oCfmeaXXegA34u1d4c/\nlNwLNuGytxRrSt1j81Z1a8RWuY6XLbXL8K1PhryuxPP7lUUy5lxAXibvxPg6\nEROt2xNWF1rQa37X6zpJxjcdkJuXwFKbMghZJqfbVxaPpWM06sALiKy6VdkO\ntaOAUbr0tCcwWnFYtnRJ1PBLvicMz2lvU/Zg5jTyKpurtLektbSI1OyT/kjL\nmsvOQrKUK0oUiziaR2jnw3Uw5QDXb9vvaW1dPjpRpt+adxxlB7uBMaOGEvna\nrscq\r\n=Kbs9\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD9/XRa0HpDXjajXgKNND5u4EuSd8Wb9ucc8VdJ2IQ1nQIhAKj8JE4Iw2aQbS5fE1rpmSUaiRWve7NuhSFGfS9eEMYN"}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.197_1638784352262_0.9564338133281449"},"_hasShrinkwrap":false},"1.1.0-beta.198":{"name":"@spaceone/design-system","version":"1.1.0-beta.198","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^7.0.2","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","node-sass":"^6.0.1","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"e6d959887c37f7a77b5e02e35b2c6ad9d71459a6","_id":"@spaceone/design-system@1.1.0-beta.198","_nodeVersion":"16.13.0","_npmVersion":"7.12.1","dist":{"integrity":"sha512-+8XKzERhcTyDgAJxmXKj21FgaAxA3GKh3/4KLxqs9BsbT4FinEO6aSQVZvR+I7s5NVeB5JJYy4hlp9y1QM75oA==","shasum":"d545fd6111b1fc00c55e43dd622460a31354c457","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.198.tgz","fileCount":1172,"unpackedSize":68710015,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhruzpCRA9TVsSAnZWagAA6X8QAJ3pPAkZ6TJZ3BhGqCOT\nrLxZtbSKQwWwMkyeNdZ6Tv+l/HxoFrJziejPspmhlXK49zvp+sxIAsXDMjHF\n5dpzWiZGuicmKHYx2xhW/2VZp/9YDHRW2kVm/HocP4DcL0yqFHlvBNJ4DAoz\neivzEY9+Jzvv3xyPY0hpGXLcaMghtEdoO7nPnl153MHfY3+kyLAbDj6ehkLd\nFJ8626hqjcwj8NnBuB+vNlmaXtph/le/ArIuiVroc5ZYpreL+tbOZs7OcILK\nS1aq685GjZBNe+D4c4MSXCfc+PCgtt014uAtOmJrCUuTNDz/b3R2J/DoWTlM\nAGmYT0bi/MT6ktLhJyDRWWCJ0+Rtscom4w0htZxyHGRifjxiptAuqNiDD3JP\nAzsW3m3HBRyBQLdlrwBRBQY0PHTNrTlNikehtZcYyfUigz0mBSLe2YcenLWq\n0x/inBJLID9wF29zG79uOqld9P743SjM3cEGFR4eSPeJIJw6tDUxzqXLFVWW\nEeJk08LJAomCIsJMJlpUyCgDOuHfmZFUw6aQf+zLCTGAn8hFjMUAmZL3vMI2\nEuylerWhb/HqMGXc3U6cxgRy02CSvHvCLMLIILZLhqU1mQa1y9rTBcu7OAA5\n/Zjy2w5JXnW0YO7AUm49QxVIr1pqA2EG9mSLeEJuU9I1WdQdMHeEimqjtWHN\nZyh9\r\n=1dNp\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAMh7UrLU58TX+Pzdb9JNIDgTB3vQWG7Fx4ua4BH0Qb1AiEAuvlXjSQ8DyZgYcaGINXEc+RKsXCpK5ZOQFvDwM5ZcfM="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.198_1638853864688_0.2384797801967773"},"_hasShrinkwrap":false},"1.1.0-beta.199":{"name":"@spaceone/design-system","version":"1.1.0-beta.199","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^7.0.2","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","node-sass":"^6.0.1","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"500d374d393ce953aed7e2ca08492c38cf688dc0","_id":"@spaceone/design-system@1.1.0-beta.199","_nodeVersion":"16.13.0","_npmVersion":"7.12.1","dist":{"integrity":"sha512-wsHlI1Yt/Voi+k4XwGE1aOJId6iWhNwD/WgMm0wRTySRMGB8/Ls4cx0az6yuzU6aK56vM2/JPgAFtm0qL9icig==","shasum":"a07e668852f2d41fb69107f17b68dff035ea70d4","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.199.tgz","fileCount":1172,"unpackedSize":68710297,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhsCLaCRA9TVsSAnZWagAAzBkP/2+bc/k/bGJPoan+ArXZ\nMQh/bIP8Zg7OalDrCsq0Xxs9v1L80wKmyJ5UMGwU0bSiTj4nSHP58OT088qR\nYlsIgG2scAMKDej+DQPWBr66N+uSNj8Ncu3mG515CgbAjYpzG7fFeD2Dddk2\nFqfYjSGbLlIXu+b58v6vDlLfJx6YQbhifKTeevqhyYc9XteFpKcCj2X436OH\nONsLBRCVMaQp74GUnICIWtHd+TBu08rbHlDVpCC1ui+3LAxhZWFoX8TErIPf\nfRv7IZuIrkz31bcoXelaOpJZMKVARuCg1VGq1qDa8s1W8gf19vicRs8DQZBY\nW81tQZhA68eshOAopFqrNrjDMza8awUDdzi0Ym7bDU6qZ4a1ldx+OHbydJ0l\nK3aGIjt/nUnxNN7a0b01YoxH0ggl/BnLmsm6XI9llPnSHQtJ1JJ5e8BXhkCe\ndDJot6aSPYe3PaFbR8IXOT4GXsN62oh8k3oCLQnmxT0IT20fuwttiDuuBsbE\n6J7HXw4FalWBO/e8fBzaYtsWNXYNSDY07MONZj8Be8L9C0XQrZ9iVadUy0JH\nNIYnP2bGB3/EAzxwmTXgnWQVyWcLvdVw0ghN0MDFAVWFn42GU+RF1U05235x\niYkM8b2TNDoEoOpSF2UQdSkOt3G1jfM40bgQOy0S47moLuY8yN9eUNRoZuOb\nzpWx\r\n=5Vbc\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC9nt7jYQ15TAysGlrEoLow1DJ3l++woq7vr8srpOSOfAIhAOKvCAsmk/4TLuCLIwDqV1cYKEjeWONRNTA3KP/c/MTJ"}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.199_1638933209886_0.1479083705249553"},"_hasShrinkwrap":false},"1.1.0-beta.200":{"name":"@spaceone/design-system","version":"1.1.0-beta.200","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^7.0.2","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","node-sass":"^6.0.1","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"21918b1bcde3da0721d01d72d4b9a98fb0fd5c2d","_id":"@spaceone/design-system@1.1.0-beta.200","_nodeVersion":"16.13.0","_npmVersion":"7.12.1","dist":{"integrity":"sha512-DKXMpDwPo5dYF05oe/XnnWWqmEwtLuI9O8m7RCe0ifa8JNWdOZt0etNgYPxKgwVME/K5zvFEalZwmJ6q9EMFMg==","shasum":"31513b88f7debd1ee085668a4fc83febb77061e5","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.200.tgz","fileCount":1172,"unpackedSize":68710712,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhsXWlCRA9TVsSAnZWagAAJVMP/jRZrEZH5j0LTpvUmuMx\nBOW9U3wJX00T7TOa1RSTQ9u/ZUPZ2YwLYBAghoNs0VCMr9EDBS+4Pv71TuWA\npq6kLiPDLoldCPXi+gOusXqudiHfKsYgj7+2cvn3g44hb8QoEeU7uQotijsJ\nCI3lQinwZXF8dWqQnFYlSDpy0RiY3qq85E2vfV77ketDMDSTMX+MbnBJHtv9\nfIkysy8jFJuN2PnLAM9oouE6tjJrXQjiepymroK1dRLE42vP6f+RA40h4A/o\niJ+Yqhv7P/ZXoekhhLpTzlzFRVZQKZC0EdxlDFqi9fEtOwGcU6p7yR5X7v2y\nF0l6JBzGSdTmILMgK8PeIyo7vB4Rrc9URQ/SCa41S3Tc7y+1zt9fHK0LqmaJ\nZaSunAQMFTWbZDL+kCCUuKlSFU6Wr253bOE1hRh4slSPEMzJJYnXwfndYZLN\nAo0tvVg5fqXPtafNMi2oGspy8coNQ7WwfrUs4GmX9bJdlJEKb2QPudsGaT8L\ng6fN/LnIUoeulJ0Twu4a4GF1qxudBrjGA3FoQ3gJl4BQeLnaZVo9/VYGJqmz\nzaUrEbhJakWG8pQbHHhiIwXe97QMJZkOkT4qH+D7CT5orYtZpaU7uyi1DNa7\nF6XJcxCXdJCz5BByXkbCZysZcHRX/WM5lpBKx/ScCSusLdBXqB0DTlU/PF/k\ns59E\r\n=j+mF\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDDBkZfMR9fDkGaDjheFr8WYIzZPVl/h5P3dxE1FUO1qgIhAPDalsJPJk7QW3/brsycXBF+MvrimDQ/q1VL2naoQYEP"}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.200_1639019940792_0.3508873298974524"},"_hasShrinkwrap":false},"1.1.0-beta.201":{"name":"@spaceone/design-system","version":"1.1.0-beta.201","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^7.0.2","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","node-sass":"^6.0.1","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"62b00df56baaf81ed93839c819ec2f6dab089a3b","_id":"@spaceone/design-system@1.1.0-beta.201","_nodeVersion":"16.13.0","_npmVersion":"7.12.1","dist":{"integrity":"sha512-+IukoAwi8qvHYiYyIELtarwE8S5Jz0MqJZJOVds6cdjg05A2pWTsnOKRv8o89jz3TDki9zdhhu9Tz7x95vyMYg==","shasum":"a6ff377f1d1e32dc0e3473bb1ed2a87fb7611b8e","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.201.tgz","fileCount":1172,"unpackedSize":68710603,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhsYIgCRA9TVsSAnZWagAAwf4P/29yE1hIbm6xZCeFJHE+\nkNQ+EhNU/wQq5TB4wa/fWH0ZXgVu211B+oCC1AaFBp9FNxLsit8TJPKA36Um\ngMszj+4lOd/Jwu2M2Gtk642FnxNe0njoqgF+TP0bOi6qvd8Om2SuYpgyggA3\nDd6ul/FdlKKKvMws+m3lUkOtx802CFgTOaBrWJRWvDuG0oKlBtuojoczYOlz\nI2D78DrHDpGy6nsn2wM7KuDQfvxmzZi6iVNYPLF550FOI9yr6sPMxJS1uzXV\nA16/Xphs2kSmTK/EzXdNK0NYPfQ0OVV4bLZaIWzZr0rCPQn7aK4yKmHXHKdA\nfav32vpglPZ2BdzG1RBs5ebuhK2g5bHEpQTObL/ZF1QROXuZ0r0cZrS+urRU\nouKfZ3nYvG+f474Jo2V2SuKT/Paymzv08kkT5P4orjIuJt0BurnlSJCx8Gh7\nnfMDJ/QpJb8N71tqXNz4HMKx9e+OOipga9cr2ZJsU6HoX0q6tZOTRJQ4h1zx\nmfxMdR+BtR6E6JoPsC1X3XXV2yG8amxJA4XxEls5+INWZdxYawNTmaY4BAlO\nzyw8MHo9okGwYFOR3CumpdPCgqKLYnyh7MqLV6l1qNJ2pl2Xz3Ir+J+HM7TX\nyB16FSUwnGekteXTUP6e3MtuqfV+LILlXzHoVXnOecTaItOuwJ2iYJTb2Ria\nSMcj\r\n=ri5V\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCTz74wnSMavQ4bZfhGRntm2Ooi/FDBePDIaCfIHKQA3wIgMj2SGHHYp11jSN9J8TuLZN77x2MnRltAsXZRhr/rfx4="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.201_1639023135620_0.18021508376323703"},"_hasShrinkwrap":false},"1.1.0-beta.202":{"name":"@spaceone/design-system","version":"1.1.0-beta.202","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^7.0.2","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","node-sass":"^6.0.1","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"8d591a1388bd1af7f36b87bb8e199586f610b095","_id":"@spaceone/design-system@1.1.0-beta.202","_nodeVersion":"16.13.0","_npmVersion":"7.12.1","dist":{"integrity":"sha512-8iH6crQFpquwVyE5GUAlgO68H58jgo3s4k5TcuUAC1anNwPZWPWLbYLbCDIeJ76WkWKMj8VPCePoeq37ZMQGlg==","shasum":"4d84b41affa9778753d98a710501acc38cbdc3fa","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.202.tgz","fileCount":1172,"unpackedSize":68710740,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhsdEXCRA9TVsSAnZWagAAbfMP/3hrep82BzPh7o2End+K\nvHs4uhNcyaAhLv+NEdF1J9JfuNWGTZHB0mL9h+FBDlhGi4wEA8NgUOq6ciTp\nKwdRWsIzHyOXop71ni0GyxjC6RmE6ngIje02urVJdRdALzeieUd5oYAXoP9M\nV5YRUExADGDSXVmaPQ796wM5P1juRvowL1ElT3Kn3hXMV9UoD9BjS6Rd+hPA\nb1KIowTaMgjkJjGYDgEfaymwrJ8OtO7Y+lB0hnEzj55u5ew9sYfJlmzXK+c1\nozTrJVmM0e5EsQUKZLIJTasYB6i5EHmckbkJh3v/bQOEMOxSHqv96/NgtEL3\nUlXJiFW1epJ8ZZLUJg9X/bGYzt9ELHjXhL4iDwdWSELhiszQo0+UnjlV9OJN\n/RJ256gQYAUNRBVe5RnJx/BLuKRfg/xb85433EwKm/JbAe70NkmdL7Pg62nM\nuzHTE6Jx1aoWw6PJBTJNtRNrNvD75rTJIBsCSkaILV4l8b1KnN1Uwc3iYpko\nBPrAz2aaX102fE9xvybD5y8SJ7euRKGjJ+nl0JqQOjTYbGMlVUtAUk3y23hI\nPXgwOgnB7lX9IcNZTE0xcxGNE7ZUfFyS6FLPyVDEJ9rN/fdRGN/8xWE332s4\n8AFi0yz19CghbKXbs96k2OsN0FaODF2nZ3nO0qEMagezK/8THgoTHmwM0Q78\nVKRc\r\n=FrnN\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIADsGcfWOJeACmtNYfxSa/pT+J/wh6w3keNcohIaosDtAiEA/L+1u/rV9F0cl2jb0AjAATDzDwy+xSIvJtofNKnIOUs="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.202_1639043350812_0.23624078461302567"},"_hasShrinkwrap":false},"1.1.0-beta.203":{"name":"@spaceone/design-system","version":"1.1.0-beta.203","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^7.0.2","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","node-sass":"^6.0.1","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"7498690e1c95fee5005b50b027511f6bebb98f13","_id":"@spaceone/design-system@1.1.0-beta.203","_nodeVersion":"16.13.0","_npmVersion":"7.12.1","dist":{"integrity":"sha512-KQ/QKpU3jxbkTOjen/VnFDEl4UPNYKDd0P8Vl0LUEE0EBeR4C2dOPzFLMtGVI2+kZD9VYxriMbOyiz9i3n1zMQ==","shasum":"9cda87d88848b3edddc29ce403597ce78892f2b5","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.203.tgz","fileCount":1172,"unpackedSize":68710235,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhsuehCRA9TVsSAnZWagAACx4P/ReaQU811l6vjRdeENI/\nsrSkwMyv674HEq/aLurAbNFddHDNWwknvCzbjoEvgSTvjePAyKouUG66qHzN\nzGKAD2lx7ZuqhosfI+y3YJdZ02ZKJ+XPz9DxxGH4szVhy2hcvRy3DrFWi536\nU+nFP6NnPoyavdiEiqdMnQRAmBnm5n0pqTQo84WDAnwQj8CoQKz4GEr3i4DT\n9EiM37EdlTFFZszV4jUjZLM33oOyLsi/I2PVCtD25xRAd41CBI2qaqkl6/lc\nxGMiHY+QtsZnO5ER5PB+5+w4AYAS7ks3gCsaPdiKnANtiD1+IQ/05OYqMC8Y\nukAsX8H2qIwUFzQWE37sAeuuTJoaZHI61nX1Ea14hCBHfSKLgfDRDrdNbriy\nxeZGsJv5no6LC0OpVnaSIlPQi8m+jswl7zj7j2THMS7ERyGciubFYiKYQHx8\ncSGelPd/1i08o1UINihgQeSdEL3JhnpzEG0C7kfG8zNyoquZli1N0CSVfHQA\nHnDvv5OPKEQKpnuWrb4A0oH0RapPh8v8ivceDHaizZ3Y0W+71hMNIe/WBoZv\nNtMvwu5kb6FtRvjX2N/Rej/QwEY+zBzT3n5/n9GBEj7MuzoTSfXGO/E+D3p0\nCErp1Fe/1DpuizPGNhN4aiOkfDPX2wMEkX4WbQ7WN/bB1AVn1ePhj1sd09BE\nPnRl\r\n=/cGO\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGPpfY1NxW8LTjaKArv/EgZt6DCK7YYTB8Wu5bOAu6oyAiEA1vqVXLySj6xY5cdGF4IzM/nNeM+peHS9D574vTrTOME="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.203_1639114657198_0.8160536467044983"},"_hasShrinkwrap":false},"1.1.0-beta.204":{"name":"@spaceone/design-system","version":"1.1.0-beta.204","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^7.0.2","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","node-sass":"^6.0.1","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"6979e7c7b75ad0924f779fffb05a666f433ab9cf","_id":"@spaceone/design-system@1.1.0-beta.204","_nodeVersion":"16.13.0","_npmVersion":"7.12.1","dist":{"integrity":"sha512-ZGY+Y+xtrXW8ExatBcOs3fHMJL7YZ5zwajScxMR/z3QXHXQ8FC0RZe2TqKQRuUZAzdEcoKtJoGU7U4Bd7xvQkw==","shasum":"7ff625e300945ef7cc434d80f42e00dfb401a0de","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.204.tgz","fileCount":1172,"unpackedSize":68709477,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhswVcCRA9TVsSAnZWagAARS0P+wTe5IXlYoxRMedjYiKE\nEXvfoaq2RjO7aiHSJ03xuslOKb2heXUkQx/MgDcTON3VnM6zD2mh9QbseKx2\n3Z7eUiYPElisjd11qOhDIHl0hqPpSAZJ3wDckZ00CnYGUn0NNF6Op8UbBFZn\nETfHXhaIDvc1INgilpnsvBG1Voo/d0oMXRYFMEgmTgw3rw+q62KnT5yHv3Mc\nFZn3pXHCn/8zT+OVIfR7Jq63jU9i6Zs+NnEcw8NeT7giUD5fZoEXh7u9sLr9\nPCnOyTaUeICK5S7lVwWghQQImV0S4KTL2fCbusbyljJqyIAkmU3PAgLV1ihH\nkQqfQk1mQHfWbPM9pkvr5Uz/WzfQkrUoXy4en7ywpJ16wSLXGfOsUZBuK5aq\nN4HhFOqugUtFjU7DDMesN79x7zVU+TtSHMlZYyq59ByqD43FllMPR4kIbynZ\njarZxxIRwMqsrV74bWEY7uVj6Qs6t4XwBILPHGjf0lFVTZDCMfa2b0YOYWh9\nPMM8/si2pxh3nsvsj8YwjGpHLMpRPjY00vRohPh9+3vW6MepSqm5gegVWUHG\n3AFc2QwqMwQSclps7LsStx+Qj0rV+HYLAy+lx5erznQNaRcEpjYZGTimmjjF\nFK382gjwCzSaZIG0eFqK3i3kZVJWAHJotKyk0sqwY0eRsDwag1zMgJ2D1VUS\nk7VT\r\n=0VLY\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHOSa5uMXtWu+M1U3ophYJ7DX7g0cwj6u+P14YW/C+1LAiAzyLFRTbmhjPdMJYNtkDITFm3o1/8HpvclGCtHOBUvdw=="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.204_1639122267790_0.5281372915394786"},"_hasShrinkwrap":false},"1.1.0-beta.205":{"name":"@spaceone/design-system","version":"1.1.0-beta.205","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^7.0.2","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","node-sass":"^6.0.1","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"212b7eafd46f3474fa7f2a8adc70d07687319117","_id":"@spaceone/design-system@1.1.0-beta.205","_nodeVersion":"16.13.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-5MoSwcF1/qGIChtZ9FkPOtxizlTk+Ym3wIbPcAy5Xh/L+0811F6PldSPo4wj33DzGResq2VoGQoMvCoOEnfBRg==","shasum":"060b51fae85d1dbdb1a26faaf47b0083b332be5b","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.205.tgz","fileCount":1172,"unpackedSize":68709528,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhuEDzCRA9TVsSAnZWagAAfIoP+wTwzpdbAHSX56uhiZXv\nRefhmAfMuKfzl7TtQgq49KHE2nKyA/iZLWI8sHp/kLi2B6+PXWpj07fSoF8e\nO4PUx7o9i6/oW8vswrp05A0zIMMPqsioLZ5lzom8V6DN7JepCU7Po9UnlOkj\nQyZL4SlxafQ2rJlrozYjj6SooYzsqtPJSiawE1jt/g7EUw44son2bEEOs3Jf\nAreirqadaF32GQlwktRdvGdgqzKB2ZcJ13wbwIOcbhBuF9A9Fphr9457Rcjn\nhj4VYKegqW5eX3+tNAsJUp0lyB62Q4AGxA7R8l7Mtain6dGm7PhbRR2R0Its\nWCqhTchhDds59ewNl5gelUtyNSawcEzHxhPg6im21SpBLlb3GlVa8ZgGHQDh\nKmHwYmjN0WZORcngvuHx9dWBwSe2/1DWKRU3hKkltYiQa88UG5L24T6tMIVm\nMueNiXyeQjm/gmuW5XRFmdGq3Fk+aAIVZuf/8AkO8XETQaZZ58yXNbwOC8s6\n3d7mH0DT63BYEpv6sBCr/ai76m37sVtYcHbylEJPyO81Rln12itfAClxD4zw\ngyJquzvWBeHuCI558upjdSumw7dWpagh5IIOK+SkE9FMFOadEjbYJtmBWA1h\nGgbH6UtlRA01/4dYPMNxzEfLZUkU+UH/WLrTT1QbgxgiMM9u5r5ju8HYtyQs\ngPGx\r\n=BCE4\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD7BGg15SAvq9ChS5pY2fzB78t2VC0sLWf5FpxD/tl/QQIgdrGK1iREMozYv6CMzDP1o08KFf9CBM3mlxCLhHwMIFY="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.205_1639465202557_0.5957884994186355"},"_hasShrinkwrap":false},"1.1.0-beta.206":{"name":"@spaceone/design-system","version":"1.1.0-beta.206","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^7.0.2","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","node-sass":"^6.0.1","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"e9c4861a440893c78f18b0cdce4c064d49b7872a","_id":"@spaceone/design-system@1.1.0-beta.206","_nodeVersion":"16.13.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-/3ESDWKRWIMujdxLvpOpUWTyBoI3uMLknTHjFipngIgRcVQyyzJGyawVQZ/BE2EyIekWuorQFbosLSxeE133hQ==","shasum":"0740a54d54976d645dc323aea706977890d0635e","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.206.tgz","fileCount":1172,"unpackedSize":68709904,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhuTtuCRA9TVsSAnZWagAAXycP/18LRDPOvwBACaaqO2qm\nh8kPWsEj1wNoou7BIRxE2QyWI0MV9FNmd5jOOu7BvGWX+FV4t2AmIeXpqg1u\nCez8Xu7OtrRLKqk9TGmlXwHw+hm43d7vbDy1xOHzRPH/LwUm3SZJT+/lDnWa\nkChYlXb+6c7gQEwevumMyBgFPS7yvnDgewoJcfW0TKhq+mqgEPGOjjuKO5mU\nF59ytgBm5EL4QXQXoF/bNSPvgNg//Ondf6KnHiby9HcrUFkSsh5EApO/T218\nEV3z7JYE+4kc7+rtvVvUXOTrjJquzhg4njNFq4K4b3nJbaSWcLYzXW5covwB\nKEI975nEPXcmBRAuKQcBZQJRcJkpX57KPPKcCz5Q8ckyX83S5tXEj2HWfX26\nmV5VzeUlYqqn95q1yEd7pNnvLkyMdAidqdYWHXePYjNRgCIFy8xjZ7SNl+IY\n/bFe2xyTmbDCOFw8eZlMFp0V/40u+5+x1kGAT0tJYIyY1VCNeYNFyqTg78HI\nm2AWlYmFfGXUByoVpV1yh3T3YSfCXHDd/L/Y1pioU5yzsJqROOqgJNo6Hh/G\n3Kjwp2z5boFm0hTqksi4zYUxXIskWjcICvSB2eLEeIUYm1Nh4jK7ZSvNKcMZ\n9qJUolbT/F+eM4HyygXft/wQewwbu0+JG9niRqI3J7nfAWVgiCEbWX0hwUV4\n0UVx\r\n=u4dE\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGc3dA1OD2D5jZDf2hMTKXTOndt4jR1cu63rQY+FvsVEAiEA4F7Z4taKOlsY6lbntqM2GZvis8XQCSPG5Szc65EPqkc="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.206_1639529325904_0.11585423600704647"},"_hasShrinkwrap":false},"1.1.0-beta.207":{"name":"@spaceone/design-system","version":"1.1.0-beta.207","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^7.0.2","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","node-sass":"^6.0.1","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"45157a0a3923ce6f0fe403dd3ff23636086c3903","_id":"@spaceone/design-system@1.1.0-beta.207","_nodeVersion":"16.13.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-B/7iRvoPyRsVUgOFwd85VwzqDoO1j7mC+4r4HgNWmW6eYWNYpvBNjezxzWRRwj8VoDyUURHlUfxdPU1ljONAJw==","shasum":"8ec31a9152e3eea6ec616fe148d99bfb65e418c9","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.207.tgz","fileCount":1172,"unpackedSize":68712532,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhuUTxCRA9TVsSAnZWagAAk5UP/j6dq8xTbJcF1zjwW3yp\nUTCyBuph8LUtgMfP3B+ak2oes50srY7zgYjuQF0NvsWmoafQfQNltdhO7JfG\nHMYHYtKdhBiGctsc67TkEw4jCp+vsBQqbq0zRSACH94FCrUUkj6TLowV6Tqo\nLcUCvPkAOXasFqeo6sq3rIwUeHji2TVi59kjurBtniLR+2tbQVSdekIlwP58\nOzR7NiZqm55/vkkheKfwj05GNdkqCsBke5ghgoxRSHohQhYcyUvLX97FfRm2\nH+0GNDQx1kcIv09qNjQ3NlqDja39mMgtYGYcoY8tK8lswZy6SuBV0dL1h/VC\ni9K2RPQ+huBTQFzYFkDNilpaxGiHtBeOVNT3gOASighXV5cENF96sKY0d0Gr\nBhhDV4LdkEpIxpuI19cdzAtcUEQwJGE41TIbKG/3ldQ9Rv8w1qhLOe+5gyiq\ngQu2zf7eQbUYPR4my0j2on0wzKf2rLBlBWKJiIUU2P5QUMmBz4mrI6McuWSw\nGJkAGCjMTpjDjFT43txL8G9qgyW8TN3m9kD9T8OMhA2bYaoMdWvVwz9ZJPZ+\nvCCXQyxnqZbsesegLl3VxtN49bN+VHv5JIwuxQ/ahHcSw2K8Y2pyLUUAiGSg\nY6Jw001LU70cRTdJZWCJq7nQxvYdBaEC9z6iHfIqFQR4hBb1f9fXOwfZ6M1Y\nsjp0\r\n=wQWL\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD55Sn9KNEpPBoe5AILfCOcAHsWWvouEhSO0aMNHOEvpgIgNlZe3frl8Ya1c7pw4Ivom+EqJMToCt5oEjyRNtVJ1jI="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.207_1639531761199_0.7165282071523622"},"_hasShrinkwrap":false},"1.1.0-beta.208":{"name":"@spaceone/design-system","version":"1.1.0-beta.208","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@fortawesome/fontawesome-free":"^5.15.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^7.0.2","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","node-sass":"^6.0.1","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"deb800a6a4eddfc436d628cfda2ee2f143fd3a9d","_id":"@spaceone/design-system@1.1.0-beta.208","_nodeVersion":"16.13.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-kt3YkIphHZUUywCeIYpmH4Say5Izftzm0Pr+ECl6LtKGYSTm1UNPv0b/8PAoRWnprmFAq1R8wpgfPngg/kHWNA==","shasum":"4fb9286a44c3e3ef2c1aeb49370fa463a0079652","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.208.tgz","fileCount":1174,"unpackedSize":68852160,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhuoeVCRA9TVsSAnZWagAAg3UP/1mBuTBZG3q/vvuPtXFT\npA8gFEpUq+qnxthFGQyX5srftY6pMm05a3HQl/GNjrSF4PM1byrLdGF3MsMa\n8Uk5j2gY7FfV0OOYIpqAT2vZPEOnsecbARAUN2oIoCiBgOHhWtBe+LYIkEos\nTJ7jIfB6ZmLSyp0WEEffNgQCIjOxzUfR6v3f7NdhdquePyC9mNtefIoTbcn7\nAirKtkQTHQjJ29XHhdXAzVZ0WA/TTx9dmELMOD/FZ9rvcORafRLyUUnhBWl9\nP32PT7jBOQg6f8l4ERytnAE2mKlbTYr5PEWyckdN6RwKO/vzoC8HKwKuEtEs\nqLKkM+gSnHELKtnrmNM2f1xfJ/SoR08UBWvwei98xNrXfd7c2wq3Blr+Jrsa\nKhzhAUFWHL34WIziD4jARCz+ZnaTPPqCXpiSSs92rdYWqMQchOuc1XL58VPF\nHZNNLOWio7yM7Fk48iAqkxw0BrfPup2JFvx4B43RSs6IsS5Wk6rHbwL1NGBL\n0W+mO6GXoFwlrlzbtc8C16657mYNTSetzlWyLXVmMUbhhGRK2gUEdks2OYsX\nk8rnpDqH96NOwS+W8NEsWlKrM4dBIdNq/g/cOuc9hNEVm/bP28fk8JRyg4st\nBpYudyMDsfJy/GkJ79Yeb4VIzdra78Reun3w9OUZb8h5Aby934EzLTAlMnwI\nuUrB\r\n=3TRg\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBXKBniSxbIyiWvLxtUf2vpicMf09VsYlhr3n+Rb0aIZAiBaufK2u2D4a9r21aXgL22S9Ig4N0m70dJB3FYBN8YKNQ=="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.208_1639614357261_0.5614007752573824"},"_hasShrinkwrap":false},"1.1.0-beta.209":{"name":"@spaceone/design-system","version":"1.1.0-beta.209","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^7.0.2","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","node-sass":"^6.0.1","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"dcca598f18411c3b629edd45561196dfc66b67ef","_id":"@spaceone/design-system@1.1.0-beta.209","_nodeVersion":"16.13.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-75lkuIG+j6bSiwmDvkTAVKgkm6aXwyztj2HYCuVEjH+5Vfda0QhAT7BMYU8vzgAlXloWkD71RfNGwHa/h4RPYQ==","shasum":"377921f59af9913c8935dbe2b6620f696d7ca387","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.209.tgz","fileCount":1158,"unpackedSize":65724987,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhvFmICRA9TVsSAnZWagAAWE4P/jNorK5C0RwkVfnTVjBM\nMJCeyHGVsHuvBmNZqeO5PNhmNhNzOE0B17ebIUAKClBgS/6QUPD6Tkf9pgZx\nOHaLpdExC72Okvb5Pbyzuil2zV93Onjp03TvCXq09voBRu+VsQEq5KTHMLkg\nZW5qgftB1nTL2OEh7htDC10VsQIiRvG3FKt71y7/DmwrnLydDZgYnpx/qeX8\nb1OX5gVrWkQD+TWiX44zREFAkkm/SOTP0V0NiXheqyhRIHRfROPXf4i58Xy4\ncupEqsszLnUfqno5qk+YK6yHPXoFjE1O1aE39ucHMugU1NyVfht+aXfXRxIL\nlBScs3SEg368u5Unysu3DTIfTKYZEG4dR957HpvEJbMj44B+HD5P2W2qHJR9\nvdSxvfYhmggDJ2XbrZuzctQmirnMZePa6agWyaaq3sc/mDbVhkDqtzX3iBq7\nPkx1XNrYzfRtvY/6WBwiaoYjoPms154lJCwRYtvm0CaCF4fTHQYqiEAMKZ8L\nOOyHic3bELuZsNQNCGhKqsUNZVnDp9NRATkUZWY+79gJ4mYtC27bFXPWQTSl\nN9afCYKF72tdteCf+JR1PpzsCPmTSHzhtMM7BbKoqTs2KFu80NQ+9M/tCqGT\nmy2jgYHslJ1tRpm5GHQ+mvJeJaZwEGzDnWfjl2wWjWg4o6daUcdWR2uC3UHO\nJDzD\r\n=wN3j\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIC9iGcmICTHMsIG0iL/6VUb1YbthoFavzxZ/oyWRdMxcAiBmcTfo1qt94vuYdJTqW0Ay6cyY5gOAFlBmgAZ3uwXhZQ=="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.209_1639733639606_0.6989956046809997"},"_hasShrinkwrap":false},"1.1.0-beta.210":{"name":"@spaceone/design-system","version":"1.1.0-beta.210","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"NODE_ENV=production VUE_APP_ANALYZE_MOD=true vue-cli-service build","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^7.0.2","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","node-sass":"^6.0.1","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem);\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"cd79b25cdc7fcb5d969202b427ac120887b1c2ce","_id":"@spaceone/design-system@1.1.0-beta.210","_nodeVersion":"16.13.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-1NCaN4E29AG0LAmA1/tzDa4+8szVrZJlHa/VZHNT7ga6d3Yq+rvH8u3rHHWt2wRFAaxRdAN1AgI2dXi59a6EwA==","shasum":"8b2d180855a277822015563b0d494068d7a4c370","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.210.tgz","fileCount":1189,"unpackedSize":65742427,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhwBuSCRA9TVsSAnZWagAABcQP/1Dp2k6MLgN9tiMpc90w\n5IXTrKQCd56AbIN6ybvOQXF//oBevx7xhs5A4BWoH4vXsL2isb1NtpkJ+qUn\nLTCC5aPgkFFTsz1M9z1QZzAy9EpEVZ7Ze1vikcVZejfGz5JBlmV1d2RASNPp\n6Kfz8J1TJYIl0mvK33PNVQR6j0cgwpe2WFFakr9TibRw5rkpopJcBOyGy/y0\n/5DXN0QtZrocgy/NIUHcTupVhpICGlisWNDXFWFfqjSBmv+lVrgAPzJ3ajvJ\nLLXt0YjA2ZciY57fMOhIs7muBmjKESlarqFbrQKVwTpGQkW3CLjIzFPVp7mg\nuefcJpHU3BBupNjSZ80BiQ2w2SY9drbquYLg/koH1HE/oiSsrZxUp3JVUi+h\nvzcDszwvxP1GF0+Y6j/h0yWSYiMTSPwKNu5UwrYpv7wohmvcFENagvHsURWs\n8AFQ9ZkuQ7DVOMNi+M4kFVuE/pWdRKMHsG5zZZD3w1BA+UtdG/fhLSyvCtYZ\ntd2crOFxCVKgg01jjm6C63PYmKsuh7G1fN655xxH29h7Ay2/5t8RP/yFENWI\nFZ0cUX9t7X1SutSCbma6kxHptNEnVmIUs6rm0DylnnZQ103DQiqhZjhTGbbY\nh5wneWhX0IUeNf/3mPdLAgMkZFk5ElJynbEvgrjzQMeeGdNAy40O6wmyJyXA\nB75k\r\n=+tC8\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHelwZCNdXSkTpdNBtiv5XEGmy1Qq0a8CL2yBMnwSzgJAiBmPvIsaJ2anJI8cnBckWHhWWjRAAEhwM3ptrFDwXlcgA=="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.210_1639979921536_0.8210274667257227"},"_hasShrinkwrap":false},"1.1.0-beta.211":{"name":"@spaceone/design-system","version":"1.1.0-beta.211","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^7.0.2","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","node-sass":"^6.0.1","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"98f2d3efb50452fb44f544bf3c0d79801124c432","_id":"@spaceone/design-system@1.1.0-beta.211","_nodeVersion":"16.13.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-B5IvS+/PGjZ9fRx0QUi3ySpxffOaC5Kvo9ZUcygJLX5CzZmRwDPliECtPtByY05Agi4X7vKFXs6z0002RPZHqw==","shasum":"ce44eba0cb293aab19f4bef0bd86ee37cf61c25a","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.211.tgz","fileCount":1207,"unpackedSize":75465365,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhwZG/CRA9TVsSAnZWagAATd4P/iyDw7k4Xz0ez13BUzJT\ngrLwZJ0d+hplpe+ZdrwTxO/vv1aI09M16+m4M4dZYNhzArcG+naqSR6LlbXN\n2kY0MpuQJq7Zqmfk8KAjKHyHlg4r4u05X5rmeH0fkx+d/luVl3NYQB3A8N7H\nzhuxAjRFGvcThzAqD/OcdSRWGTH/UlEVUMnIDp2MqLV7W6ZQVp8g0jlo3gvs\nV4yiqV3g2Iw0G28H0WPEuCkzqs3FW7e1Nt0DfxLIPkwomiF6ZhPdsXYNwxJS\ngIkJ8pEm8qZKf2UEvreROq3HUhdMQP7b7R6UHRednSuy2TUab+1r3VrKPIal\nfmuY3YW14ka7jomT7ApP+2uivt9IK+jad8nwN6ZhmZFJNjRmwUQt5eN4MwPs\n0sXJ+wTfBL4mkrJAwIC6PlsgP1yuiJwRu1Npx5emmng68HO+IbZCtleNGidN\nJplqTymGQYQYjZjIkNF/eQgn52pHZ1ngPkPUJiITdH9CHlMCEcmEqUlPvLPT\ntIgLMWIctYbTCJ9SVUNpRNn5IMtoLX1HBTGV/wYWMgd3KjMnSxbpiEYrI0g3\nbOLbv5043+QNa/FycvAzLScUxY0Hyr9X2Mntexab1xxk8XsO3EFSoBD6F9sR\nP6ynC6vP4qiXBC20D2dPok3ERy92d3USvscAs6LhPW+Ntj5MQQwEFDmsRaB/\nMKln\r\n=3fQL\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHbtcrJ8JZX59/pkSfNm/OGrV96XeO/sgqJCDonUkc0ZAiAqygemkb2oW7LOLf7NSNCNf+Vu+zNA6Dxz6y2fi2Wkhw=="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.211_1640075710690_0.8497581473309528"},"_hasShrinkwrap":false},"1.1.0-beta.212":{"name":"@spaceone/design-system","version":"1.1.0-beta.212","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^7.0.2","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","node-sass":"^6.0.1","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm i -S @spaceone/design-system\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"8f8b6085f2ca6251f0416f28817f296e2bff3aea","_id":"@spaceone/design-system@1.1.0-beta.212","_nodeVersion":"16.13.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-OqdbSGLF+4lj6zShxo9n2wQjt7dt0zmFshb2/xMLJeTUtRPbAzrb3TAP8vhRdtgIiUtsYNzaAe4FKapbSIS2fg==","shasum":"63ba29fae2939fa71b7be307e4b7d8b7c5031569","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.212.tgz","fileCount":1207,"unpackedSize":75464151,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhwZc8CRA9TVsSAnZWagAAAzoP/AvBZRY0h28scNBUavH5\n9DKxXqksQGm1jjVisS0JUURQhxZi3uvUcaBYfX0Lg1769VZt6MW+aSE8ny2a\nCHGm0z2nAhLxie/ElUgh8m9TmJTvOJ06XQG5eNMqN/J1+o1117Qos7rpP38x\nU4Dv2IOjspC53+cLiIYm87duwRSHVR3WYs6vFtWCRmqsbnz1dfMWEe0HxlxX\ng7OQUo22djtQIV3a+ks9k27/rnT4TmMG2loC9p5Q7qoCMvS6T69ZKbMaZpMz\n/mxcPHmLkTrCCJVyubvkTf0V+Ngky8+dxb4L/2/DNqmq/BwDZ7sSMGFlZTIm\nRaJyGddhcMKKIZdlSaNFDc+VLBpof9TSuQzX8oBaFY4ft/76C1oxu4ckxZxw\n9i37gIS6/PKc3IsVQlFqf8FMN6ANRVhP57ll4kOSDalKP2hyX9cUfJLRJ1bk\nX58Ky+peNCtxsmgakpJCTqgqGaNJip0IEVGE5OGNWC9PcF4xNucSHRALuNbT\nHVDZoChbOp86bX2U7RhUB3z979aq7jK5jPs3bSmF2X1eKFNALeOEX1FgoeXS\nOlqnEsT8GSNkaFnylVLnKNDr6rbGPtUvfsQpaP8/R4pGab3AQiO3UqoQDnLC\nkAJtrQp5JHJJKouEAz1RVmpSA54+LgIkkSb5N9r3cWeVyNivHdEtN3UtnO8i\nH2X+\r\n=kGCP\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBYDpAc/KMgDTvyW/1fvFeFHbS9XkcO8HQpOdfk/yT7wAiEA/a+xNleDJ0P7UrRP1oa5cjVrRpWPzGE/j/Q9mwFv1y8="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.212_1640077115502_0.6027279478533933"},"_hasShrinkwrap":false},"1.1.0-beta.213":{"name":"@spaceone/design-system","version":"1.1.0-beta.213","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^7.0.2","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","node-sass":"^6.0.1","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"a4ceb2dc1a695d1d1306a199aef1c0f7caad19f6","_id":"@spaceone/design-system@1.1.0-beta.213","_nodeVersion":"16.13.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-mlK+ZZBTO2qoVb/FdR02s1lRdCFKazqNI5uDy1O6mA7EUJr2CMtfVXFNC3UzPOMMUGdFifHhD+H3s3ohguTYeA==","shasum":"b1b4a31d476fda3a6b512552d3be6b55549b55eb","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.213.tgz","fileCount":1207,"unpackedSize":66863832,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhwdKOCRA9TVsSAnZWagAA7HkQAJ98dAf/jYHVe+40SVdz\nZDMDuW/cPp3l76zVr7A0Ic+fi+IpQI1FtO68+StG0vHgIcGwnuLZpgCsxP05\ndNLEvmpNZAiivdsz357CtwuFUmquC0hP3eEumB4LJiSyOI2Ndcl0Igs70vuz\nuV5UlZS0wJBlW1n4V5npCFo/Rglv2llLi20sbFvQ9aD5/MR0oHIkxyvnMS23\nZysLHFDFX+kIiKbTn5Oo4TcWurvyi3hDQ6PneViR5jd4wPTz2OvOaa6ndZxe\nucTr+/AwA/q5RkbPJDth9pbQXywl+LCwen0WixkbMG02b67T6L+RltoViZBB\n4MeIslC0AlfoRon24Lf2/PscNM9edDqPIiXMY18Xx6Bh/vxWt0Dq2FGOWcUb\n7rfCmUsuyKoSYVBGfE070E+EzQhj5qKbV1NGSzJeUbuqS6X1df/RmZC3zE4f\nM9fIXuHZIx/huo4k54hOpiXnUKxOJu65U5l90fktLfJ+t5SHNzLhzb5iy7/x\nHnthufN8vzZe+RUnB6g/deRzjWhNfCPmDhGhNSc3UCyD7V66073K6bF6SfLU\nmTdvViB/Ltj3KVngcbHULTyJQmk8eswf+18fcg/G8OSma88evnGCyQv/Z+y1\nb56up3TfxKvQQYR30HYaBmOVKJTRVn4YBLEGLfjFZSoLLDV7l7T2CEjb3s3T\nZ+6O\r\n=k++p\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC014QheQfvHw2rBNvq8XMY7vnHeSGxKMdC3JNGpQHP9QIgOZJSYXsuxNZBxYLtnx5tCuLH0h1ObzjX9uIBsMrgzhw="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.213_1640092302247_0.9486158565504705"},"_hasShrinkwrap":false},"1.1.0-beta.214":{"name":"@spaceone/design-system","version":"1.1.0-beta.214","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^7.0.2","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","node-sass":"^6.0.1","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"c7b55d4bf07cf61031f343fef0da870449c6a8ff","_id":"@spaceone/design-system@1.1.0-beta.214","_nodeVersion":"16.13.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-hBS2jeFCkCgnM4Jgcm2iUSgAMjr4iOmG3JfjgNMLZx1pN1JNyKRLzrL61/2NNF+vB9Q2dH9fRbzsHcDCozaS6w==","shasum":"881be0dd67e1ea1b0613b6f3418b7e5c13b941e1","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.214.tgz","fileCount":1207,"unpackedSize":66864812,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhxA6FCRA9TVsSAnZWagAAbrQQAJRZK4UcTjn7YarnVFF3\n2Eld1aV9EJYibZJ38WfN4cnnZXNrVQ2tSmDdpyT9MmO01SVqFsz+cA+vbclR\nnNZD42e7STSMclkpnFsY0C8L4zprg4N4ItRUivFhwTDWi8Pk7xP+5OyrJINf\ngWC+mnYd1hjjCjDtK76RdRDDRrw93TtNJgNWbHuLbwwMO9N9hZJtnlB/Baqn\n7Iah8cZxeSZfOnczWVaxCcrUkG+XH2cJNLa01Rz/aVpYBp29p2pvE7aPvF6X\nFN04DXn5QHMVeCkr7LjuYNjbB+8B5yh9FUM4LDH7ernvKddncUdO9rn7Ows5\ndWakdZEkIgixLGNoB18Ka0AaAsEQc0wa+cPMaPJ1UGhvfAc6YJLYLPhmKXF3\nL5HIwQcYp2ULzqMw69P2ViSimkfxT+NTZgV9AY6dwV6fM0DEo+oI7FPuSiVC\nRO7mPStXbi45QDTNN9KlRCcAK0F6gq2ckW/0NSgD00/8MSlKEWaDvtkHACKY\nq8J46+qJia6Wqw7tJ05+l+7tqT1MNmunUEUY9qfPxQM5UymKWD2hgss/EVz8\nRMFXBLw+3yf+kmJm2nS1lKyyZIDqhaHNrHyLpsfrPK+yMZWWbrcjGONtIwvv\n0P5ONwK0UzPW8790jClft2m5fAwtA7Utr1Y1QsoN4a0yUQ4Oz+qbDsH3OfFs\n1RNr\r\n=8KjQ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICS/yLxmXlUb4X9Tei2yUabXXVwNJ+VNnv07Bm7dY/yEAiEArZQB3ToSLK1/3yNXF9mvnmbz8rjTDshM61Nd/84umzM="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.214_1640238724977_0.16023114618162593"},"_hasShrinkwrap":false},"1.1.0-beta.215":{"name":"@spaceone/design-system","version":"1.1.0-beta.215","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^7.0.2","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","node-sass":"^6.0.1","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"e3a14f8b587600d0d220fcdcdba9ccdd3eba4ec8","_id":"@spaceone/design-system@1.1.0-beta.215","_nodeVersion":"16.13.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-CMkJgos1win7BRsvy9m60UxINaD2Wf88Re+BQhkfaliC4G/neaA+375f/vmmUXcZ4P0WhZYL+ZFr56YEzn/O2A==","shasum":"e50cf874d8ffd293a642b56fcaf533439f702c9f","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.215.tgz","fileCount":1207,"unpackedSize":66876185,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhxCsTCRA9TVsSAnZWagAAytoQAJy/N6dZzj3gFNMDNMjS\n36bq4M6WYogYyWB3JxfcdQ3siuuEhNvq7EuyE3iOYRvOaRc8WTz8RMfC87fK\n4VVd8Di9cSXLAYHYjAIW8s4YnKAdlPiabG6OEAfCj/OWoDi+m+7jl04jv5lU\n6cemAv5R4glalL3+OtYaqsnuWnlxZk++lNNZOg8UyxEFvRksPm4zYM5t9Shi\nTxjAY+D7ekWv5i+XM4tDHzPsuOTg5JXVrM9sbY+EQrMfwSnkgVAhuTnQHiJL\n+4H3JGKEv1D0/6yFJfIjpjRMZBZagtP4UZtqTNJVOdxQabWl86HJ1umOJVEL\nD0IwSXSHZwAtApYCd+gE1vu4Fh5JkG87IBr+Zi1VZn9aqULEh5sr7cdUtmzU\nKQlMoqWmAKI3eM9w73ybZvVD9wki/pRIPgbRtVjEP4aP0JANyBT+3jirODvf\nnshchgCSb3T1+GN7q4+xvc2WpNO/qqf0kUp0Ig2JblHhUIypBEGsulmk9O9M\nsYE/YL7QOxJCQrpJavwvbt9NClsUd4jM69RjKZaq8HVrAIgImuJAAyZ/W1Qc\neur8i8pwjM5m+YZHiveGVQ/W9XKWiaDDT3RqotuP7vtyo+tcbN90JhFypFvM\nPJYvDekdy1pgshZxdB2+Yaa7C+zT0qkS0wFuUMpPkMj/Mx6ilAaLEzlQXxal\nezEW\r\n=Ixi2\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHYy87nNVLli/6c/ZSrzV3XsVE1ZEA+Wt/DFeVtDIHEdAiAF7WsyiK6NiskYYK99+3Vekvt7gboGURDkfSOamLreJg=="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.215_1640246034634_0.42308382461014626"},"_hasShrinkwrap":false},"1.1.0-beta.216":{"name":"@spaceone/design-system","version":"1.1.0-beta.216","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^7.0.2","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","node-sass":"^6.0.1","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"4731c34cc878fa8351020593af2c207ff1c06483","_id":"@spaceone/design-system@1.1.0-beta.216","_nodeVersion":"16.13.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-awv+ozC8dy8Etw0N0mndMLo8ExAj9PH3NLc/dXr7uj71nJynFdL18zYwzG06acRvAFjcX8vKXbdoJlvQmMeraQ==","shasum":"5da80b664ccd4898ea842b4dd4c2f557d9780839","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.216.tgz","fileCount":1207,"unpackedSize":66898948,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhxE5wCRA9TVsSAnZWagAAhU8P/2rfK8FurpRO03rpXgY1\nRrNCoGmgFdoCft80QZQjQ3U50FUZT7ditkQ8PIB1qKgOafxW5z4yMJLcn4Hk\nqIIxVL+wFHF8Dw4G9v2JmY423JVjbHUZMEQ5vwDESj2Ha162btlopkOGZBIQ\nb9EK6k+InQrHFT/c9xlnadf6TMwYoWGTy+0VmEauEkWl+dbDxCsvQCQpJ8My\naSBedG0Ptl1ScGvQ+n2b9hHROpXC0a70gD1yx0Iijyw4ALbR9P9+dJRkI8GG\nvn699pQNhTWlt+MVnn+sEMIBHcaaRtvmQVw/JNJ7r6jdB2JJ/gGXcXhXfGZ4\nEZ8fjP4jVEcaIfTozFKNJfo6+dKNqdhb9twJecn9c52XsvbScfAKA7iZET9/\nuHkgDnaw3MaMKygyJJJpLHmrvHmexoYn42IDRSZtxuPlTTI2eWVCE6aihpMp\n95mvX6HvUeATiYL75A1XkARkQ3rlZUwNEtEQ2fCqYYyDiB4I71UlulHruimf\n5xSl+XoFmFELLGXCBks9NV24wwiICTuZo0Lj+v8VFy5CVC6LYyRLq3kxQuWp\nX4M38yxIQsnD3tYt3nh/xdTEgyzyTqZ474Nv8t9UtagBHZNKN9P1xx4YIz1Q\nIhXFFk9dcVGicn+NrolEh//d8SSEsYgC0pmPgY+uH+9W80d+2LmZ0S5HDfxJ\nH585\r\n=fjBl\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC3J33FA5HpHOdcsqVw67KpZrK5P9Tcy+opmmvySa4IQgIhAL2ue+4xi0NZBViNYhOhMcl5l28hp3FQ3H47SrIoURnB"}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.216_1640255087994_0.6605902399987886"},"_hasShrinkwrap":false},"1.1.0-beta.217":{"name":"@spaceone/design-system","version":"1.1.0-beta.217","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^7.0.2","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","node-sass":"^6.0.1","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"b770ce0461617f19acfecbd4d703abc5ecfe9992","_id":"@spaceone/design-system@1.1.0-beta.217","_nodeVersion":"16.13.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-AXw8LCinJlONA1gXdU9uorat5xZP4p7z3YJZheCn2nMij5OCG+odpNLCaJoTn9L/YtmrV/uojU6dBFmZ7LV/Ng==","shasum":"7b2b0fecf5eb6870319b1f53565fdfe272c58c22","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.217.tgz","fileCount":1207,"unpackedSize":66904887,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhxRwECRA9TVsSAnZWagAAPFEQAIjuMCQAGXhX0py4ITyK\nazA5Necr9jRxZDp5DK0qGUgpNmN2v1uUF1stc/PSAA8+h59feR7rbOaMkww/\nbkOdXw3snAohrDyplSl7ygeD4QZcv9VvlM99NSDD2YVrdld4JjZ7ZaRM01S9\ngtmgSvlatkjyQyY0jAxHg1YeQLr6V9OQnIADZvlBSZLEsi384yrBD0QKnbTT\nI88DgdpnEh2+oWu027Jq5wlqQmM33KQz/n3ZxAMoUi9KUYigUcyWPuR7k5ei\nKzFj+l/xp3Qtx1SOhcQsz6Ies4xrrQ0LnF90oAeah+ounqHOwbHr5Zu8rF9w\nYSDKKG3XqW2sU0GEENUDkLYeajRBmMfE3Z/uebs34ldwG8h6UnV4cQnHtn2M\n1vLuH56zMgScgrF+EloLmbTnGu2feGEu4+WDN6QMEtdWRe4szQF0NRB2MsLQ\nHddImRfAHRtMqV2BtqYOGbZWjD0lRb080ApjU1yAosE2W5Or5IA9BSbfNRr/\nixyu2R/LIc3zHcSy2Ec1ABsh+O4kaBzDEt5mEW838v0D3h5Qbl6cb/V02gG6\n+W0y0ZqFGwS5PqgWx+TIbMsCR0mrnis+mVKONLcqtA/iHZZJpXe8L6y2oFIo\nMFgkSxVcYcI0/Sh2HKTbM8F6/igEARakUi/5NXc1OKVfSG16nzdf+6yXQoYg\nPhOX\r\n=ImvY\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDElLSxmEkucYM4h02cwBC11YHZ2KnPXc/tKeBhKtUjBAIgPXYi6UAB229UHyc+zb68UGBYR+pmnZ7FOAazq4nck04="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.217_1640307716199_0.659400967547652"},"_hasShrinkwrap":false},"1.1.0-beta.218":{"name":"@spaceone/design-system","version":"1.1.0-beta.218","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^7.0.2","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","node-sass":"^6.0.1","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"0098c3e052a567cc40622ec87f427de537283d8a","_id":"@spaceone/design-system@1.1.0-beta.218","_nodeVersion":"16.13.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-GDBlrGFks1r1bRYykxsY90Bek5HMQGmhwR6PIJpcD4MsQWrqPIpIDG3ABmkHrWOf05j2lES6Os3jHHhBxTQpbg==","shasum":"0b51eb2f2ee61f1724ba4bbe8a5aeb8f7403d2df","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.218.tgz","fileCount":1217,"unpackedSize":66919483,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhxVHgCRA9TVsSAnZWagAANfMP/1mVMJKgjBiBQcSpTjs9\n0Fl8Q8Dh2dk6u6MnzamYIhXESe04Td/OehUikppNj/dIhQA05SUXOvWYTILQ\nTckCgwrRobEsyzjKc286tuOboVKZY1kurddgKQx/0y0TxqhXIsuaFAf08yCP\nL+cSFTxMAbNmxwKbEtHEYL0i/6kOB68C68WORXPF7KpiU7z5GvIon+VtmFFC\nYwuHDLhWGRvxJpEasB6fEHG6iDuAow3+aTafpVt8c0y+aGm4hS2SKmSORpDQ\nFGPL+2gTyJMdP2fUu6L2sMRAo+ySeTQ7keMkespj+641th3yCwODlAA/DKks\nNIQJkRJP/uGi243+9o6iVAuN51xdNCuXPzr7c8VqS2Acy6p9eiW2kfa0KixF\nhGv25vzoppmvknk+HvzQDSy3Oqq6sdKQfzopNb5kt4Er0PaEPljnQJxjtzNy\nRyyGuyRXINEJBPSYajfud/G3vWdK4BrfnuZwLck2RsHEKu5zq2JwQYAAjbmr\nc1e0b362gtJ7UsvIzJtChqSklPhGWRX/qGLVai/FE4ROW6HdzLt+Xh9iOP8y\nBxCecf2r/x0tw/wFt9qwZyzSGB48SLJhD9WGFNoq+HtnYbzxFHDRz9WOweJF\nkCeYQDWaZCith6fUtejtn9myD0F1va/0W7SUkRwe6pUsgngxf26P/ziJnI0g\nSgfB\r\n=t0J9\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCneGnOstkZd8gxoBfYaIVCAi9CKHWkyEluPa0ATwwJzAIhALtt0dcDlFjnDd5tTM5nieIJSh2Whe8auJIaAh38Tuvo"}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.218_1640321504139_0.5933449656545633"},"_hasShrinkwrap":false},"1.1.0-beta.219":{"name":"@spaceone/design-system","version":"1.1.0-beta.219","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^7.0.2","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","node-sass":"^6.0.1","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"797fe4f4a9ec4c50dd408aea1e8656dcc86d8476","_id":"@spaceone/design-system@1.1.0-beta.219","_nodeVersion":"16.13.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-CXWY5UQBcW9cFn54/B2JS+7zo4I+n6EuBMzgTpFhMyehHH3eflwmsl2Ms8kIYf7koZU0qTYiKEhjbGdPBf8dsQ==","shasum":"9df008d184db8cb7cc15ba5318f0022698401b77","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.219.tgz","fileCount":1222,"unpackedSize":66676644,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhyVmQCRA9TVsSAnZWagAAG6QP/0WV105ODbwnm3V5lr3Q\neeyiECW6zIjCJW2FkiNmNK4ttZYQeiOaP2W5CHF7lfIJ1kCM77xVc4s32wD5\nTCJdWEVhb5YEdBwoN84fRxqMqHM0T2wh2urYgU22VUPmzuwmVV91iYwzxUTJ\nribRrJXgHbyDq87kOrwzeIQH/vNLQgBL8ynE877UbfJ5xG61eWdHhb96KvOb\n7iduYPg15YL/xgIPluNPvwDfM1a3s1kV2pYH9YrWVkS2lpsbWF9RzwlnMode\nxNe4yECznSv09h9CMMt0gZkq3/ve7ZReoBTu3imb8pf9V5Wdpaxvl9aCAWhm\nLYrgLXCkRKKqTO+mBPd3766gEtUc+Q8PVrrTAu4cbkZPkZX4P2FfmYn2XcuS\nuL5x261aDC2qgqg/dUFRebz/gMsZaiGAG+c2CaeZUv9dWKQ7XT0R4pPVLO7o\nvGglgEMtXT0c+yLYAI9CStIkV8WMei5arCNvU6T0zvxH8NUpRfDXj3ap97Jf\nmr7gPnVZsSb3YONcoeJrU2C+bV+rpnz7s0FpjFSO1YAiPDSHVFDYEwH8GFQC\nDt16XyJzYawSUFMHs56Ax/MKtR+07RAwvxurbaF6tyxzW7Fctu0o306Fe84b\nbYaReH6lfkgwwz8xgOTGNb7gxILaCYHqPN65IOQbc0VPrTCWHsO/v1cQHN69\nXk+1\r\n=cU/E\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEaUTREVzfx7n08EELIVJl7F1I3OxSBNTSIFGDCh11rbAiEAwoeMkV4Y+s4M3xPW6CRE53+ujZDYJOXuD19m09zixXc="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.219_1640585616261_0.09100886924769447"},"_hasShrinkwrap":false},"1.1.0-beta.220":{"name":"@spaceone/design-system","version":"1.1.0-beta.220","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^7.0.2","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","node-sass":"^6.0.1","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"ebfeac8a91f3c36f1efd6891579e2013d4bceb27","_id":"@spaceone/design-system@1.1.0-beta.220","_nodeVersion":"16.13.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-NBwlvcqTgGgArwNHCdCq9Lw8vxVBSuqXeWv3xUw9ndwZE9LpKT1KBAcXGBBHOansk/uOw8jEib0sIjjxSdTfWw==","shasum":"9b282b9d3e91de4477557cb1fcfe5e1b2fc0fa5a","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.220.tgz","fileCount":1222,"unpackedSize":66676895,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhyXLqCRA9TVsSAnZWagAAi2IQAI/U7u/b5Ee8BWec35Bc\nfWtHcWFaV3sGbA/hAiesmseV1rDprrKIWTFRM5V2hPh2gveQE4ou60K4V/rn\nA3yaZdcRPNZh4+xlyjig+YrQ2yWow5AhEY1dP10c/gV7JMrEOQEwacztJ+DS\nsRExAh/phj0ReFebzuwQ1Gn0Br/WAHbig51ap5kQ6lKb7LWrvLvGDlTAev6D\neU+wH8ZjwigD8uXbltXggPMLdFIpDVVbJjZAfmrew0IULCmk2a0yFK6OYZd1\nxA8IFf5rn5X+HsfPi1th9pOEvvdz2Mzwc4oYhagj7+TBNOOLBplYxaUaGnQY\nwrfi6XVGq1myfXKx/fi1v/R2p1Wer0ghAOn9aIjeGe4v/X6+aMt7BeV1rrMc\naC5EO8zOq7bfvPFIigQ+pVi8LUWn3LQHZM3uciVhiWcwNMnLuk+9CHPt85xA\n+oFxo9P1ytPaNrta3/lgmnCRlrOHXFvxe5J5JxMBJHn6GFcljjm50ck9y1K7\nF7QXOJpFXPydSgrbI5DgogLzvGV+H88cGu1A/LikDDs1f8alCgyZSgDuR0ep\nN6G0vqyc6e7Khc4pcKYHyY4zUmKqqyEhqpVdXtIoN2oelM06H8NJNH1+SB0i\nnjqICQAkE7cUca16IcIq+pZJ06mMDOPLs0usNp+bcj5ZwhSyZi1zKJzPT8Pg\nY1ME\r\n=mlnf\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD+nCCqOabyMVDIfv7ARmFCv8ot+c8SxLBKD5/FwnrUjgIgIHSQdszT1La3qfAwg5ub7+WdmX5I+UIupcoPbekzH8Q="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.220_1640592105313_0.8068575320282096"},"_hasShrinkwrap":false},"1.1.0-beta.221":{"name":"@spaceone/design-system","version":"1.1.0-beta.221","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^7.0.2","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","node-sass":"^6.0.1","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"9b45f668a757d50cb5ce24f7d166aaf0ac7921bd","_id":"@spaceone/design-system@1.1.0-beta.221","_nodeVersion":"16.13.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-hGrJivY8VJDVFZvRbPi4megw0Z/Lihuua7hLXPOKI2qd6KSUWeddfkJscozMJJ2to2exdahX3uc5NGu2+BKNHg==","shasum":"972ed134ad52d32c7d31f68662cd76a70ad9689b","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.221.tgz","fileCount":1218,"unpackedSize":61492862,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhyeCFCRA9TVsSAnZWagAASQsQAJGOzF0bV9FMcGWzWx5m\nJtbvMf+zu+sfaNE2Kn2VRJAoeEGpEBcz8XuVH1xXZ9JGtAU+Efy1Lx5WJVi3\nDQ/OeJsSzgLsNAsgWxQgAmnbKJ0mHhDIGmKKoffPcnUusvA6ciYAFOqK3P2w\nlE+ZRE2gcF2g9Gd+54gyqA5tHFOIlB+sKGuLsHJ7WWiu4eKODKjKrhGikQd6\n4ZxbmXTHBQ6Hg7X+12bZjdsYUQUrmC1FbTRwWx7iDNKN3iZJhGKIz4qNl+RU\n7sYGr7MkdIrfT/+6HiBeASxOz+EXyD/1zt1fxiNBZmPuhuvfbzJZA/WcQD6X\nFZbmLHVZDUBFglZwpwAtD9WVm2GnqxvkbsB84/uryF7+xtFEGktoYVslZNJI\naeRza0wspot1pppJllfNaJC5wW91mxlEBeOmilvOXCmGrLE71lq2HRLmecHq\nIdOSACcTUDY8j30p5FVkJ45ENqt+COGV5FPyDleEqoSqTJfzsLQWBoiUQpD+\n3WnpAK68YKrC4OTnIM0FNK/DBRvDaRm0b3qR8BUebxRdAlnJUIkCi0WHnjjU\nN9uuyb+8a/Nye6i8eMGeIvBzve8woftJYK6b5muytbtUJSSoKdqWv5mjd/Om\nmyFJ5fO71dzrrMKQXxH5ilTOhANsc+m1UOq38A/KJyIBfE/hBDpFpamkxjrE\ne8/u\r\n=9Ozn\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICWSSrjy1AZgabYyt7YCkG65fRTnP1rn3+c2EW/6MJcMAiAHsp4twG4EhWquIimUdWzSGPlUUkk8lpzlr/zhXb+ECQ=="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.221_1640620165087_0.47148122358400113"},"_hasShrinkwrap":false},"1.1.0-beta.222":{"name":"@spaceone/design-system","version":"1.1.0-beta.222","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^7.0.2","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","node-sass":"^6.0.1","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"a75ae3b98d083161ddffabf4226a351d718fae87","_id":"@spaceone/design-system@1.1.0-beta.222","_nodeVersion":"16.13.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-hSWNzf/kV2rZueXBdAF9xooJTg3sbTrsn2v5JBQgMNWkDVtxCva6j8zJl+4MAjYHvRFkr88Hk0Jzkqg+689Pvg==","shasum":"cf75d381a4b1000eb60dfddc510d8547bd7dcced","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.222.tgz","fileCount":1218,"unpackedSize":61509763,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhyn6HCRA9TVsSAnZWagAANuEP/3tniln1c+Iu0yAdQKOF\nCmw5N5uWZ8RRvUNQOOHJcjNys/VeY+gIScycA84Qbk3HMVVYZyeT7rhfGweQ\nlWBQaaG56Ij2gdNl4U0DVDzKrBeZDFbvJUOYUKU6d3ZqUhfz3CACunpnohjv\nj4w1cjBQYn3mWZJiBvQLuc4/gLnQronrhi28RWS0hzRCZirZFwY9BULW/luD\nF//aagU8uKnSmIHnOZawDqyioES0tsKUnnJArgTgaozWypWsO51zrgNXTUuc\ntTiykUbPA2ULBjIPNq9HUpsHK/MZvcRUvEfywE/DWz25CLRZuualoqGuOg1V\n9k4lS81sq7jhE3oG69l8/dVqnKcKHPkq9f7fqlXNXrMwicfd1sTADfaC8AgQ\nns1wp6FbKTOreBbW3xwW7fwyHgDVIW9y3tICHtCHnOpgawbIWQi/2YBswH08\nQv2GC8uIDTvPYIDaKQS5OP+5KVcr2PL/rVN+MpkrG4dg7F8MrKS3q45NRun4\nmss5dMjYGlTjS0vbnrYn05N7JEnOFnTxkjHLOTd9np4OZ9b8Mq6AMpLtnn3k\nVE4BO3UsMFCOZMX8YBXivmH8D9XpH43UBQwesYNv+0ICo998m5EhfHJwPvhd\nhZcK1mN+bugZh1K3L7fyAV05yF1y3i1qr4T1M1bZ0NZf7cPsWjIFg0HY3tmQ\nsynR\r\n=hvtd\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFVnxFNG7zJ1LjSOzqRLjGRxn7LBy0cVgx2lc4giR41SAiBF0FeB8dVCHETBQNZUIHy2hZmHbUXH6lGCYvg9GtoQKw=="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.222_1640660615434_0.7231102619355398"},"_hasShrinkwrap":false},"1.1.0-beta.223":{"name":"@spaceone/design-system","version":"1.1.0-beta.223","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^7.0.2","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","node-sass":"^6.0.1","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"0de2ecdeacd8a45c8878ce88bc5dbb2258fe7185","_id":"@spaceone/design-system@1.1.0-beta.223","_nodeVersion":"16.13.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-SmVRcxlywLsIiZ5P0vKYDxNnJsX3yMU8UMwj2LNG8d0EbWwIdCeZIfwizsGrNF1G+FjQ1LqO6xgcL+l4RKbK1g==","shasum":"f901375f5906ddfb35d9b0a7393873080e91b969","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.223.tgz","fileCount":1218,"unpackedSize":61516696,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhysuCCRA9TVsSAnZWagAAxcsP/3XR4EVJ4LWCk8WiGyY9\n5mCAD+SDp1W3RH2EnamVSur1xH2LptVVFoWq7zhbGU3qTMEwzHIj99/4wYxY\nwe+nQqphRiGgo65fmf0IfPQE66F2+GWVUgn2PohWFpLRIDN+7m4OT77XpNjB\nWVu1Ljwg1Qf1Q/m6L6JqOUbIVlj8QxevUY9MsNo8sYXSsuOxi3G3l0vyu/6b\nH8+ivD6jFusBNFlKEAvYpYzTcNaIYHS0ntiqUEN9YKKouAYBwKnQRdACacuD\nQa7+cCOTAIywWXL/TjzqfB2CK91Tkd+0uVSWpxxWZ8RvslsXgAH6hfB02qx6\ncXD5wDTFBAcTyLk79krVOQoflrBsH+DOXBLbLjd8wrndycYZaw+bKKj43Ofd\nE9zzzSgZgou3VUHBIQkacsxL9p9kBkVC/r70JQjRazvYBvEmb9Z8CPJDsnsi\ns92pjz9syShY8aXH4CC5M7Q9kmboDE2TVpQU8DQ8ModR6i3i1PseWMnIXR2S\nu2GQzpa2Dsm/cK+5gzjCsiNF+uKO5ku2KqCqQcy51hoRWRww1+EG1b8vydPw\nJTJvNcUyh7ki/uipVO5GDBO3MiJOmk63VE5dCVq9lbg09pOdoc6Rl+yaDVHi\noSwMmM3BCfhJFKc7uV/8DJfXzMjE6FLPUSyJbhrw4WCv4EqB13y2Tih1b9B7\n7IdX\r\n=/Xxz\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDxUIBkzGxv/+Gri1LtF/WdgOLZ1N3GhrVjvnf3IxwhdwIgFTKobCY6SWfzrMRXUjwBjgk3Ezn+etovsk0dBpAbj0c="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.223_1640680322314_0.5662911751825259"},"_hasShrinkwrap":false},"1.1.0-beta.224":{"name":"@spaceone/design-system","version":"1.1.0-beta.224","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^7.0.2","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","node-sass":"^6.0.1","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"35852bc1c961e4fb86379ce520d607d86c0a4d3d","_id":"@spaceone/design-system@1.1.0-beta.224","_nodeVersion":"16.13.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-Y1H76beSLhHRUWJ7O9rDEwNuN7fG6qWhrFY4TPBjk3qR78Mu7D3Ps28toxUpbY24tbwG4dEi0Lavy8ZNvAa51w==","shasum":"0e8c750a7bd4f73e7f8f6b78bfdaba09c5e25b3a","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.224.tgz","fileCount":1218,"unpackedSize":61522904,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhytNgCRA9TVsSAnZWagAAA0QP/ioAfP5r1QZvktngRusS\nwz8Kf1Vd5GVAjYK1BoDy6qrwyWG8IiL1315+2ecdeZkC/gCpwNuDtROdZ6l8\nWRyM1+1qpbnl1L5Fcnje7/tYrpLZ8kLSQ49vwX9Ry+A9awA/TM6fT8YlQHcK\niKte+DS20Asz7+4AEv1Pwyzh0s/MYLZhzJ3iH2TJua2W7BwXIoM8vc6ZhNal\nK7dOqrtE7LR2aBKBngzhbWH0CW5PHuGWJl62tKg7J/Ce3vsYdWd89hpKGUQO\nTuiMyck6+sgye6ZvaSB+cPFAi8wquQHIPvp10Ctia5ekXukE83onpfhE7t3X\nbn8r1T2eI7rOauLm0GFWnzkYHWB82j8aek37GommIacHwZ/qFhjCkB1Qr73T\n6IYnPUSwf/Rwx1alvp0HG9hK9oCz6eqBh0UOjLXyuYZt7jgVPoGwMed3u9S3\nuQJ2e2XxeWyFhNW29vr2aeNFZAkcKKhbaqpQw/xdw655zyGbom/erXQAK7Pg\nxPo7Yu9gMI5sGW8o8TuU5nasmC9sL7+BHVYwQMGGqIf08PoiyJvOVBu1YOnI\nSDPzTh/nOVt/TkBZvGK+I4vA73rYBU4qAzyvUUFM7WF72J0JLT7lajAOVp9u\nBN5L5P1yG3qzKqvgaIj6firggWTDWsbCtOx5hSbcwgC0K8JIknAbl5AcTvJG\niJVl\r\n=Gg4h\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDHeFsY0JHycnbtjknwZRB8xeIhTBGwKgHmmw1jkyJ75gIgSY106fw8n6kz/VOfw1xY6kBBWifIEjn7DiNdFR35Bqg="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.224_1640682335942_0.9485197347533292"},"_hasShrinkwrap":false},"1.1.0-beta.225":{"name":"@spaceone/design-system","version":"1.1.0-beta.225","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^7.0.2","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","node-sass":"^6.0.1","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"2cbd9434935c576b986ba8397f0def6c31eb3af5","_id":"@spaceone/design-system@1.1.0-beta.225","_nodeVersion":"16.13.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-0KRfhSd+2AOgpO/kicDkOVJBdUE5NedDwh4Fg+ancOnCAY74FYI9n2LSrupQcBBqod1QYni4KmQ8gNdFPbP3zQ==","shasum":"8e88448c17c390524b29e7848194888a8f9da934","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.225.tgz","fileCount":1218,"unpackedSize":61542755,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhy1L4CRA9TVsSAnZWagAAAVoQAI7XmC+C23E6CKrD9DDP\nMOP9TZVcfP3AyAlZZupDiMpLq/7Juae4ETe9KR0LwtDwieT810+/xpyUPzAe\nZlQ1xvTh93FtxE9eCV5PD5aReEO5Ux4YDq+G9aMDrFU/k4XulRNYjviOkkSI\n+KM7omQaZiNAKYymcNaEG0CGPXo4t8n7VuQddo48Js7OeMLx5fIeg7xa51TX\nqRS16TXzTb+9fVKUwzMskhJ5d/ux/YnkGMNDkNookX56CL+Dj0jpTsP9MR9j\n7GzMEu372hyq7lgUjXg/foXXsrU7F8R4BjTHdXkWDKY+yAi9MK0Ztv/zOSx4\n+8AUi3s0PGEcVIuOPPazUdvc+WwMWgto+jTt6oA0HU1B1p11hApAq0yYDXuL\n6nWB9imunJw328Ab4ZzFN+U0ljXGhNzhURjVxfwm7UseZbOE1PklauJoghik\nMazEPJCDeLZtrep4B2gVnilgitEgy3DhhLYJWNdIjGpzBvr79a/k46biNm3x\nxDqxLKXmDGAnJm4joh/niniVHAuEe2QKPmY/XdpTypAWU544+dkuAYY0j/nu\nw/I0xhBjaTklYybKf5YsnKM6f6jX1iB62lJBrreiZM75vgEZ7t3gI/lpitbJ\nrbZubnPqJuPW95PzpWiACoENkKrD4wnGgLgRafwkf+CQJ/QhWFd/YfMxha0G\ndFBs\r\n=N2zH\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDEg4hkC2Oago/BybjyF/Z+OayefN7c/l+UEeRsZVcpOwIgCOD1pb2TcS740H+JepZ7apH10TdvgNYEEHU5dbIUT/g="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.225_1640714999632_0.10548459088845563"},"_hasShrinkwrap":false},"1.1.0-beta.226":{"name":"@spaceone/design-system","version":"1.1.0-beta.226","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^7.0.2","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","node-sass":"^6.0.1","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"78c8d791ced8c1d4b7749d313464c65776f87dcf","_id":"@spaceone/design-system@1.1.0-beta.226","_nodeVersion":"16.13.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-pYqWgHZfv87c7ZkAEPvTanlrXB+5lzZHCz2o+aYz/UFVAVvRECf7Oxto73IMb55Hnr+L+nsNsjQb4J3LuqGCaA==","shasum":"722eaba92600e0c85bdc9f461edee9469e21a2d1","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.226.tgz","fileCount":1220,"unpackedSize":61557917,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhzCHuCRA9TVsSAnZWagAAf6oP/jNgth29Y/Eq/n1jYKkT\nNBTlRSQR9Ox272JliURB9nQNP1S8v43+/EEe0pjTJomVY9ajTmjiBdiuxQZe\nFcBqSIBh8D4+pFf5Hrk24ufmqb04J4svzfvI/pj9PlV/wOPIM7IzMz9cW9AL\nN+WyfkyFXTLVK02uXEQEegmd40pbBXV4ws68TtikSXQf5mLNLeEzWrGEwRid\neFdbLqgys0HoYA+EYAVHq5KMRk0fOPgf5LmAQsMoFrERr2s0z070A1SC4fTC\n0tqv/byuOFQCArcPjPyjBQrxS13i/+s65Hnr+a08hMxm+ayJLvsSEwvQyHOy\nONKNESDkCphhT9vijPoMopjFLlqDRYGAnqH28XLRXam4fARU8Jq9RXeMcIQ3\nw2iTEPCS8+Hrlp32QOhzBAJCo8Ct20TYsY1k0h8481Gf+PYfpsB6kgJEPTuV\n/ttbVg17pv5VcNa7ZgtEcKXK0JzfY04sXunVuaQRvJl2VHwK5gybEvpimHhf\nOgmwhO5fc0S79uJi0m+fNCSGFsONlO+5Xk3DcsN48fCdgrePk7yfIgO8W7Nz\nsI9aw0REI9C+n8/OHdNTrqsFv6eGsZ5jJ/YjIB9bJFZE8RwXP8yDXmql4DOa\nqU+VcprMHs1hCVGb1KG1c6+hkyfhh8ymXk8NeqoUzXA3CmKD4Qfn4fK1IgtK\n20kp\r\n=laai\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC9FX+NsvKkOL3KzTynOlkDnTbM8ru8QsegzwOJ24Y1TQIgM8OAzjfNDIfgpO+G4G33YGDk5bwJhwkHVWHKoP9uOn4="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.226_1640767982152_0.38132380097246776"},"_hasShrinkwrap":false},"1.1.0-beta.227":{"name":"@spaceone/design-system","version":"1.1.0-beta.227","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","he-tree-vue":"^2.0.10","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^7.0.2","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","node-sass":"^6.0.1","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"ec293cdd0f9213fb498f03b71e18e91c7469677b","_id":"@spaceone/design-system@1.1.0-beta.227","_nodeVersion":"16.13.2","_npmVersion":"7.12.1","dist":{"integrity":"sha512-SR+kvYLp8C5suf8Xen0V3ievRrDfR1zFUaoHSZkwjBjxirnb+pVZciV8eUTVHF4EuTVAPiiXoHFNKD1lOG+j/w==","shasum":"d58d8f96b761e44d463c3cb5c74b0e692d8edbdf","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.227.tgz","fileCount":1220,"unpackedSize":61558167,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh5oJyCRA9TVsSAnZWagAAVXkP/1brnlm0mQEPyKSuHEte\n7IHTh3FsB+84FuFIjGGXSgyUB+c8g2cvWHQq/kyoj6rUP4ZhL6h7E6EcN7Zk\ndCqcSJk5lHNHGARiP0RrVpenzpOHQ2NoxIDFeMzQamDsUNyB4HyAFT4ff/sD\nlDs2FQxR8GXHOkNe36fn+T6I7nAuouDqqyfBXsEhacb7BHLW4LusNEesC8+J\ntD5Xd3djoYDZ/EugRGkwvutNo9VTZjKZnxmU173FR46RPC5ZHGzSUYkq0/IG\n/okGxCoCT7z8+oBAUm0016eiyleoxNr6VIwnof3elZ5tH1ayHK0E+dyPBcGq\n3VDqOSK91OGFbrqLj8Yvwgn9tUy71O905XgHsqL0CGI3SdxES3O4ONRhjHFz\nlHkcWdi/5I6cZt/1M0fCEdIukTX2Clq0+AeVVEN1N5WfohoOFZpSTw68NxpU\nGkUZxJ6b4kzunbPyBpQwZE9tod3VnWOHj7lQQjzd3ABEmjL34jRMOZokNJzm\nVSZzkBA4CU5tmoizquk7OoWJskXfkWqItoVcOBCu+JWzr9kdwKQF6hPRQPOH\nIRNkweQrPFrl6krHBq99VTG2eNGMu00jGvovtKNqA1flAjytY1tXpXiDmepw\nqgS90AUT4Qf0sejSn93fxGaKokyKNAVncNnv4oHonSmvM0Ta1z9/3sS3Vj5C\ns/iC\r\n=mS6p\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGmWIKDeQsQCxAxCuqpGGrdC4ynsG31VEJDEqX6XMBa6AiEA/KftPV4opsoV4j60UmGX0VRkxnl6h66MkFvZP3VUxzI="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.227_1642496625085_0.9001607034144958"},"_hasShrinkwrap":false},"1.1.0-beta.228":{"name":"@spaceone/design-system","version":"1.1.0-beta.228","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","draggable-helper":"^6.0.5","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","helper-js":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^7.0.2","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-functions":"^2.0.6","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","node-sass":"^6.0.1","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"0948d7300f0e07d0c09344801285c3bf895b0904","_id":"@spaceone/design-system@1.1.0-beta.228","_nodeVersion":"16.13.2","_npmVersion":"7.12.1","dist":{"integrity":"sha512-Rqx9xPWv/9BzyGJYPP6e2BPy+8itr4C5sfdqFh02X6q9Ibd5V72u/zFKzJDY8blPj3btoOb/idBw9+lJTD1pGw==","shasum":"63ea8543710f7e7ffc3bb98ceb256ec4deb0ca1e","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.228.tgz","fileCount":1235,"unpackedSize":61715608,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh6LgICRA9TVsSAnZWagAAw20P/R3a/AAfhAFY78zXIwzg\nJlKm8j5fPaFH4HJgcJX6oek3PQm5MG66UWiVzhUUqzIH2tgZm9mEDgioxUoZ\nrUEfaHY0xTuifQZYtXAOOFTmMtCK7iRNeNaNIR4htKxDk43VImgcevmDPDFx\nIyG2HRdEOK0TrfWmBunujxfvBkgU2xPQoHiK6B7RK4Rx8Tqs9NyohylIYFsF\n6hghs7GRyE2AUo/tG4wTUqwclm6nWddlYSFiAvl5m1JNcaPvUFa7Dlz2cpHP\nz5sw13REkPcjME8Fvwg59MsTUpup7ONw580Zw4iGXKm8dKR5qwF2tNQU35BW\nhhh0VCT0t4pSLBod97fEIDjUj03jD1cY08Mmseb1SRlt6x5A5IXwxMPxpz4X\nqzxJysQixCQNs4+8xE013Ljf2VmPqTo87u5zyO2NxxSV0vc8DSdJ66PllyKc\nPzHAIDk8rH1s5OCVp6E0UmjzONspanVhrF1v9SajFT+sWm7Mx6b8HcZPdjEY\niekqAGpa5miOmQWveIlbHHbpK7lxX2pZ8IhK7unQ/1KtpnnHLzx6inwvXGHA\nr0mZvRo13Ecm9MinUDNwEWi0h6ooE2SwyeY+tIg3Z3Trj//qNokqROdO9suS\nMfajj+hxgrR1rCOhhRrZgdQkNIp7gND5cDKpPHe2235RrYDSNnXJ8sN2yahq\nRSeY\r\n=5sjc\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDnlytkvlByotTKqXFixVTEJOaH+ymli5uYChX40HY+jAIgRHDe35Z6aHvL1cIHOtoATmqepDRknz8FgqQJsO5qDEE="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.228_1642641415535_0.11857365547918941"},"_hasShrinkwrap":false},"1.1.0-beta.229":{"name":"@spaceone/design-system","version":"1.1.0-beta.229","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","draggable-helper":"^6.0.5","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","helper-js":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^7.0.2","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-functions":"^2.0.6","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","node-sass":"^6.0.1","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"dd62982f1422daf2671ee559ac4c40f1f519a68a","_id":"@spaceone/design-system@1.1.0-beta.229","_nodeVersion":"16.13.2","_npmVersion":"7.12.1","dist":{"integrity":"sha512-HDibUeyJ+rhRRd+nHgq3bq7O4yTwFfjD8QXCrDfzyqz52EcQWkSkETFX+LWQUQKl8bSesUGJXKkej667ouMmQQ==","shasum":"402e26f2a023490bf7577eeb5f512a2a26944da6","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.229.tgz","fileCount":1235,"unpackedSize":61734695,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh6OQaCRA9TVsSAnZWagAAmbYQAIgPiD/d/pypcs8o5slb\nDorPKMOR5nUk5IX4FgQ+Zc7OBABmB5UMvUP+KfJGuadtD0SG0R2mGjK4FJBw\n0aA6dii3T9qa8jo298c0M4wHoLCsLZyGkrp595wq3hDS29OG+DUCWvgNHllm\nNSYU+kKRoq6yVVNDfGWsQD9BKzKO+GG7MJ22GwOMSCYcilltavxS3kNX0Mb+\n95YnE5smaS0ptQNxTT+UO3MU28ydUN9cHv1bOmejTp/OS9FyxEh8TmDj7Otr\nCGzMekukewS5r5hS5L03Ez+yCKCfO6DSIe1/7+qFwR95jTa/46ubyU4r/Jze\nRJ17cUrxQNMSBX6LUbK+rMU1VX2WMpZ+FsFcMWjOGvf+Vyb/6Vf9pgiCPBc5\nwr+8Or8g9JRd8QnurWDq3+lkcljCCv46F1Sl7nQ8uh51Yz1NTMjwgRWuFGMc\nDDUhkW24dKDNmPh+Mu3ysBxGl3ADO34P/52ok1Gj9rwotr+DDNlf9oW9RaPW\nCN90Jpx7S87Yq6CMdhsJ5af6Td3PqZg2LkkAfLAVrUsKmD4qr0pqNcmsmfjt\nNyZNAk06lIxR7oHn279iZfy9m9vpZ77gwWxQW8GbHLDoAZz3yMFdx8p21HUj\nDTq5BR3gTarORBeCnpFoxovErcUan64I29bk2TsB2wn2GaJpJtC78dcuDAYp\ne9Z9\r\n=D+oI\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCuchCSCgVmqEBHrrtnOHJSXc8gymdD8s9I3krfJ0jbMAIhAMw/YPrHEnqFnAszxnX2fYpbtuMr1fCubgvlCPVKEqJ/"}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.229_1642652698238_0.6406850226831151"},"_hasShrinkwrap":false},"1.1.0-beta.230":{"name":"@spaceone/design-system","version":"1.1.0-beta.230","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","draggable-helper":"^6.0.5","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","helper-js":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^7.0.2","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-functions":"^2.0.6","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","node-sass":"^6.0.1","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"efe14d05b2f86a64124644264082bac112c3fcd1","_id":"@spaceone/design-system@1.1.0-beta.230","_nodeVersion":"16.13.2","_npmVersion":"7.12.1","dist":{"integrity":"sha512-DAMo4SdmwzkfglJ+iGhkZ3ULoa7vmi4XQ3s8iNsffVhO0ZSzj9hwHQwtGSy728WFlHHnPFFAVM15E/R+qxCKxw==","shasum":"d77115c17797793cf459bd004d42153732dc7079","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.230.tgz","fileCount":1238,"unpackedSize":61812440,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh75PWCRA9TVsSAnZWagAAHSIQAIZsvRV6tcIS4FCPXdRp\nhRWCLP3m/atrWgR8L2bHKyuF3rDkuNIItKXaCTGyHvBZrHDwsM/8LEU1Sov8\nDh5z8WkmjG5ln3qxXf6AikR/NSIrOO7KiBL9Wo/SzO5pUVCYiD/5pFqZoSAt\nvkyxd+N8D0+JZ/qiCVjLacwuIhYlyMXqTLRjj9qI8EvY/y2ptzNMgVRaEHIu\nrzAE9A7LGsw/4a2d5HcQ3YwhuxS44JygRS27G2Qfnt7K3mMe6aIXaYgyyXHE\nBjdbMulOsPpKLzPstH5Y5Fe0cQ79CpA58wCqiDsDqzV5/RpfxP6sJWYZ3TWB\nE+adGiluxA6zBTFLRrPwTkQiZBc7KOtONbjuo8ILp/7HH52sqfcClqzU7TUI\n7PwkDhNVAeuWBCzJ5DUsSSsVCYfC1fQaWqTXUKyGI8u6yTp5itDRpOGhO+0M\n2mgKtzqezqj2mIKclZqv3kJzpahrR/zkKa3N+h/bKP9DOm8ggTzgvm/qqKgm\nUyxGZmYjY5/sOnzezOrmWhbFcKfXP83Gz8h9xeoUs8XH9FdExwEyfLlALPCZ\ney+qJIYzDgl3J7h5fuwGI43brn0r+WrM1m/tizBkQnTTZ6AIdT3YT0GH9Oqk\nHAKSY36sEW/e0MaD4XC2AeaY3iCKvgom9/Y/fjbj0pFcRfkvCIpAYPkRJ6z2\n7WRI\r\n=3K/X\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDsMWuIDCZCw6Wq7E+5wM0z8Oe14nohjVCQX8mXtE40SAiEAhHr9KH23kjwnHl6DuIW5Ag+TH2iO6qxQeSahmnahbk4="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.230_1643090902087_0.6952982314321918"},"_hasShrinkwrap":false},"1.1.0-beta.231":{"name":"@spaceone/design-system","version":"1.1.0-beta.231","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","draggable-helper":"^6.0.5","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","helper-js":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^7.0.2","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-functions":"^2.0.6","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","node-sass":"^6.0.1","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"428ed9e2c2c776b4ea07333c6c9943633b0c3e36","_id":"@spaceone/design-system@1.1.0-beta.231","_nodeVersion":"16.13.2","_npmVersion":"7.12.1","dist":{"integrity":"sha512-Yvo/Vm/ZPCYfH7v5UmpJ10U8J3MHWu9xQyrvs0nDsUN151taBo+xqjRIwm+J87gEGZzJMwKWbzdR7UIMu2rVlQ==","shasum":"b66e2f798b27706952a3d0aa0e7b2b3a38983e39","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.231.tgz","fileCount":1238,"unpackedSize":61815983,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh8Jm4CRA9TVsSAnZWagAAS7gP/0h1xfTGc7mK552xnvTk\nnv0x82QlxMeMVUXmRogk5uTsQTgGBHPhSmbSUJugWWp4Fl7FRF9yMpd64ELR\nB9+6g97gVGZbfZnL6W6NcFcgPF90UOz1sc8EBSjetLKKb/RgLX7CRX7mUj1i\nC4N3XMjrQzjhuj7RTx8udiMlicmCkaiPJfo61DvYlk+LZfQhdAj3KImF924W\nLT35dXW6dgMKBt36TUffL9yNDavqEuAtvyMwxKWhlFs4Ft0zTnYmZIX31HMh\nIdllRQW2cODPk8sHM2ro6BCkf1R8siGtIwTU/Y9GkmOtRkyi0zHWEbW6roPo\nrIHHyHkOmmIdMKJSTCmDjze0p5p5oduPl92nZpHTxtazpT0HJ68NpWLdL/jx\n68HyB6EZy0VHXkeal5zNstJwcwAaUXJW6rCxpBvbvXkVPgP5XtKbFVOdh/38\n6ihCEhvOHYp+7HsRcJ7DX6G1hGh1FLny6MWnXovgKiMsRuoNSq27W9mY12qP\n26+Maym+vIwUTdDUY2Oc/fczihpAndpMr//nhO/iYH+KXaFbqriX7G8cXmYH\n5FiK6gmDs9qa4zYdtzrHPqjgd2dG36iZqOxMtZVWLkeO6viprBqRuPhYert7\nICh02vZ7uJQAYZYWI+MbMVHpsPccBQicHjy6PbtwfPGKq5aasKkaFuemlv9Q\n7h0J\r\n=quAp\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBWxjvIX+vJnJdUQ0FGsqtbwIXWdh8/+NjIJ8sMdf0GVAiADidkSV0hZ+2AsMRtwgKRTmBI+LTiIiSPE+xtrsSQTeQ=="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.231_1643157943644_0.9746367959732241"},"_hasShrinkwrap":false},"1.1.0-beta.232":{"name":"@spaceone/design-system","version":"1.1.0-beta.232","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","draggable-helper":"^6.0.5","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","helper-js":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^7.0.2","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-functions":"^2.0.6","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","node-sass":"^6.0.1","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"66fde0f5ce515e42fb198c45e0168a806662235c","_id":"@spaceone/design-system@1.1.0-beta.232","_nodeVersion":"16.13.2","_npmVersion":"7.12.1","dist":{"integrity":"sha512-ZN3zJl1EHZiJKve0yP+xQqVDT3MIaOA3TqWxnm86DJOBdqr+sBxJtECBWqLihnQpXJDJdb42b3qOBYJDx5uFPw==","shasum":"c343eff81d72fbb2741ed00dd015775d090a1a0a","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.232.tgz","fileCount":1238,"unpackedSize":61815988,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiARwdCRA9TVsSAnZWagAAEHEP/RhzXc0NI3+f+i55jLKP\noteOeK0UY/5QFO/TUEdY4aTekFVT2DWQI5Op2yr8V/wdjyExWNh0EFmXTOYR\nYYvMSfiY86ENGt8d/ZpIe4rBMk0LQs+Q8kRxPzj2IBdA1dJxfFnOwOHpn7ls\nshQ+0zDd5XlNgHEiIloXfWxUYKqRAaABHHUTQGnS0gAkYHgdrrZ8Mtw6d40V\n6eHG9ICEh06DBAH3kTJywALMnzY2HbzD30NyHYpnw/+P32tK49syBCNZLN8Z\nbRlr2ROqVxENdNBzbEXS3rRCF3eBx0D4u7qBgrSZ/4kMvO7ADqDVanHN8LJL\neYw5FBNrmYxH334ju3UwjvdMqkbSfbBrb+UKCigzkPAWNUC+3qFkjkDjK8AL\nNp6eSPP8iz+Bu0vzSuVMVE/YBQP4mfeBZM4VFzqeSZpkyPnSLDCsmMcQK5vG\n3IPJBU1fqfYpQocenHWzDVC05EoIk0biG/XQkUU9Ox0/G1iHCQtXHPVMZ3Ds\n9rT87TQkSByvL05Lup3aesM2ioMGDSVTKQNd5IuLpYymB3Iy/kGgPbsIlvVs\ntN2Xx9wCt6LPEUzBc+vb+Tq8az9NHVAeF57uP75jxSyOA1dQCFPb39dS/9L/\ngL40v/gNSWEayGo55JLX5uIteruhr63SpXwVpwGU0Aw/nSP8iP+3/Kua1Gpk\nZ5tK\r\n=1vTY\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD8KKNf7NlCh27MPI6SbmTdpBwz48b1gZMQXC4+Eil13QIgIY6wooxGjI2Xw9gwPg5D7DcTLuToxjh7u1scYrS6QPY="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.232_1644239900452_0.2963256384161981"},"_hasShrinkwrap":false},"1.1.0-beta.233":{"name":"@spaceone/design-system","version":"1.1.0-beta.233","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","draggable-helper":"^6.0.5","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","helper-js":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^7.0.2","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-functions":"^2.0.6","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","node-sass":"^6.0.1","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"a7a455feb45fed0c4374f21ec9d93b2d838906b9","_id":"@spaceone/design-system@1.1.0-beta.233","_nodeVersion":"16.13.2","_npmVersion":"7.12.1","dist":{"integrity":"sha512-ARtPvPkYhqBYs849/vgQw8m4wE1D4t5Xwuo0E/WxQpfCfZ3up+HhcDULMuCrAsXffhcsRSFUEsNopjrQaoO6+w==","shasum":"9000c6edc85d5388d3fc2a6bf0d32285067885ab","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.233.tgz","fileCount":1238,"unpackedSize":61817972,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiASPgCRA9TVsSAnZWagAAD1sP/A53j4sWtMiat7UJ8RUb\noeK0RMmqQapOCaBo/4HEXaf13xbUCPtKxFlFYbvIEPuv4oqY64nX4OJh3Npz\n7GKVNbLx1AdAVk30lmxRDV5ipGlgpWPtNeBEV7/5j/5Lk3V/QIF8V6NE0uUu\nShT33sN33jSMV/NMTZ3VyAL2ZG876vImMmMTN8mFNs4whv1ScQiLGhmUqq0O\nSYNopWP25eMc3aCJAMCjuPkUOonB9gV4ywNuKtZ6jVZC7usYKOIi3MyJ6niP\nffPS0DGgklxyeqXQTyuHoBJq+qxge/R5SKIK17ATatbO2Dx1sXWmapUCR0Mw\nrnrEOXiYv8JYO67d/LRQPE4X8ttlbAx4kp7hTpkszTxXA3++IwdK/rM+gqRl\n9TyGyVb2fMkzdbeXVmjntoFKJUFTqHihG1ltv6U+nH1BGv/1Toln02G58SFN\nlbx1prwqz7etUw0V/MUmpcjb+G11rX4gE5PRxuFrHF0fyrMsevPuNnzDVOET\n/Pkbl+1g5Vm6e+xQUYUNnLkx0BbqHHSn/Ou9sgx6qKIYpjktrTM3GuqRTOmc\nDRa5TPbm1Jn1Em+J81jtd+6snxUTNfl8zw94K6XgsraqcT7RLXvh3hRdtwUt\n6BoZaZ9Wq5emjV6iNYDuVHPtUJGBQZUzvOQIraiAtvrWZuTDOAwkQ7NFzMSG\nH0sR\r\n=PY/j\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDkHsHOgh8dyjRAogT6Yxt3nVodH3gIQYS4l1feKiAzbAIhAO5rL56g1Nm/8N9fxqoKH18Ql/dInFy060NwBeFoiTrX"}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.233_1644241887673_0.9210291781357316"},"_hasShrinkwrap":false},"1.1.0-beta.234":{"name":"@spaceone/design-system","version":"1.1.0-beta.234","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","draggable-helper":"^6.0.5","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","helper-js":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^7.0.2","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-functions":"^2.0.6","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","node-sass":"^6.0.1","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"5e03fa30901c2b8786c5c6550bac5d52db378f75","_id":"@spaceone/design-system@1.1.0-beta.234","_nodeVersion":"16.13.2","_npmVersion":"7.12.1","dist":{"integrity":"sha512-GAwSDqMP3e7fbtWbq9LtIIzS0TMMh5YDlexTRO19SpGMmLxuk0LTetwpcrYTgfCxn+ymJHWsJc36y5vLMadJnA==","shasum":"c30e82bfa634a400812c9fa82805117ae40be3ec","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.234.tgz","fileCount":1238,"unpackedSize":61836508,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiAUD8CRA9TVsSAnZWagAAiksP/2oZJyKbA0fnNEcbnQEX\nighIKbWHknFw9fMzhYhvt0I24ShJbwQp2GNZcZMdSX5cYCf9qU0R1GRjt6Ds\n+rioVeHlAK+rxPEqny6xAEvq3RPgPHZSfXeUNSeko5+0A+kjTVxNfG40ptC1\nREgFOJcSwgc+G4KwpouhENAAh2C0mfzwSj8ju2q1A4aM/5aeNRBBeQ9epPas\nB2IjVBK9/5HoSxcYxdm/AhRp17dpr3eG58Vw8QecnlNdzG/Getmyj97h1Dml\nqssoN6HMiH0ZocEtzX2nppjYUN6w8za4W3Dbr0uNLn6KySqrFKIvdK2pQslt\nRozENjwwoLksfGxztS/z/U6wSSPBSQt42A1p7nqEVUU8aIVrH9gjEN9RGdgk\nBE7lqDQ61eEtia0d/HUTQWTYeJEMI4vK5BYtQq79umbiNTTlasQ2iqvQB3fu\nr38uJHXijVlWB+r5+pkvy82qfScac+6o6wmGx5uXJZUM48tWf/YUlPIDGlU2\n9/l60IJdzKy6p8PE/T/E0IVJ8eHMTAX0HqqSoZNzTMURbVay43mPN4HfggAl\nqqLbyG80+OryU9y2muTANxzprwhcZzs4gk32Ig40Olh3lknbaGawYO8A95bs\nTlAe1C2LMZ2waTiaTKRmcxZ/eR7jMtWTMA+oiI9tUxMPURuSLlRRloR3Nvs5\n7BrU\r\n=qRAX\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGSYhyrF28HQUQcEPE2GwtHn75dWZZeeRpEoVs0KAN3fAiAxpTJhCW+V46Ce32mKAO6MNF45dZZWGFdA2tAvd5D3RQ=="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.234_1644249340203_0.050229186603446774"},"_hasShrinkwrap":false},"1.1.0-beta.235":{"name":"@spaceone/design-system","version":"1.1.0-beta.235","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","draggable-helper":"^6.0.5","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","helper-js":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^7.0.2","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-functions":"^2.0.6","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","node-sass":"^6.0.1","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"84cd2564f207e5a4429eefaed1e9e6e154e181fc","_id":"@spaceone/design-system@1.1.0-beta.235","_nodeVersion":"16.13.2","_npmVersion":"7.12.1","dist":{"integrity":"sha512-hdqTVJSN2yrFkHhwH4HAM0uDT3Pd9Wnw++zpE+mr1EDcSRxLDm0WimJKAWEhpxiVDn0q33ZlTURibr3mex9RyQ==","shasum":"ee4582d50cbb1f92010531f620aac274c5f5b583","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.235.tgz","fileCount":1240,"unpackedSize":61831081,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiAhm6CRA9TVsSAnZWagAAavsP+wZygchx8P1aHLVMs0LQ\npF4ygDxIAHkMAGTkLnQ2E2rSwAjL4HO5BS8JhpXzkO/776ab27Lem1CAVMAk\n5xASCRSWC9AS4IKSkmTtxUhRpUD5/GICyWb4OBF6q1EexhceG4GaOHmcEjut\n6/DiuO9Qfv20VxJUXxwBzi76qhL6hjaRN8Dst5/josnDA1KsFXCs+hzQQguN\nHG/dUGYAsndZ8kmkYutE6XK1iYCZqmTey3/IRRQKXoCLWTq97YccfvKRPCFK\nCIqQW0skAcvkLCewPkmCtep0umQmciBKSDp8bQqUwpaclaBLPeufgwOisUW7\nMzxbBJ5oK6v0WYV8Wczey096M2NjMEtRj3ifJqYto5zLjwNnC/vGdXtq6sLQ\n4wHuPnWqgUH591WiLjtZU1eMfO5YVoT6hllv7dqVINW+RU04CwodgoVfrV+p\nZWWmSv9sBKKDYxq0bnwmpIF+S7YQsWER91r9UGF4K36pI5rKu//KTm5/9a5d\nvo8lKx6Lmcfhjg5m5eXwwM7yLhpG7ka8rd7uxqSZbR6m9TF0eQ8jIsrzYvjY\nrKsnK6knmKz0vAJyQtwLbDT7ONlTugwLYWjCz9xul+dPwU2m/STjPo+UrsnU\nBbntWbF3OT9cJ6TbqDviEooplv64xsc9jb+R3DfSyrq9nkkJlna4r/EFYsYN\nzCTq\r\n=oMaJ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDptx6c+Fb00a2SWqa2a1OH1sAFgGdUJbdBq/rx7IikDAIgFNhXTC5VOcfqRGveFC4s8HgJBHeeWwVFUXj3cGVYNvg="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.235_1644304825863_0.33432978747155584"},"_hasShrinkwrap":false},"1.1.0-beta.236":{"name":"@spaceone/design-system","version":"1.1.0-beta.236","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","draggable-helper":"^6.0.5","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","helper-js":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^7.0.2","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-functions":"^2.0.6","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","node-sass":"^6.0.1","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"b1a4ba88152ed7f63de590c1d4bf3080bbfa8fe2","_id":"@spaceone/design-system@1.1.0-beta.236","_nodeVersion":"16.13.2","_npmVersion":"7.12.1","dist":{"integrity":"sha512-xfmEvKzlY5JYVHdk36ED6LT7BeQdlOAsYM3c0t2b/8zknun8xLaEPPaYBBYHzNMzVvtpzZ/wY3n7lyFNxQ462Q==","shasum":"3f580bbdc32c32941d8f0e9c01f4e01e6a91e1b1","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.236.tgz","fileCount":1240,"unpackedSize":61833658,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiAiHuCRA9TVsSAnZWagAAObwP/jkF3p67aXiGaUPAweo4\nkQcAxjDk0ZInGwkxsRScl5DdylgouKaph8fQoFB/Ll9XRJup3fsC1WqeW8XV\naUtwjuU9j2a/rUtZ6FBVXd1zlDsmVczn2b2MWxMsCWJXIeMs0+gh1Qk82g9+\nLd3ZWZp5G/BXW3AHorPfDcOi21eBSxiwzXdexNSW3GXpPfNqjwcqdfOzVTAZ\no+gJspZGWkx6Rl8c9rZ8+HCImVN172UZG5XWWpZW0Mr2cgS0rBhA8VzX0oSU\nvvk1jahgbNTRMV2srdkqtgeqSVeLRtQWPs7CxwWsmeuMW/2IprgbMRvm6ETU\ne/Ha0JvL9+udLsn9eDWnDI1YF4wII+g7SqjUZNJfqGPl7vTy+r6t5TgAVPZL\nzFHrjrYPsaFNOfKH4E1lgs/Y1TMeL/jTlvq8xwyTk0Fc+79/sQyj87p3zN47\nXJ2Ezto6q1lnynUArMFs0jmVrUUkzWcbt0+WLFydF2Ib+Mm/rQmgroB20FSd\nzJq9RtXUiBTkfu5hgibesu3o6nsr1NZpNN0yNcYVXQe1PuNKvoSpB8FRvVd1\nvw0ZqD7rwRud5RlkzrbpwbJHRcM+wB+FP0JmFa83JJ/AcdhPysbiV3KEfDAU\nDcg0Ri7KjwAX1x1jg+N9AqVQHE/fUywM/X4AMfGsz7rJcIXnSe55M9ayojWX\nDrKM\r\n=ojFv\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDaA16qYIwxJbgpgghNgAyxrSbqvjuC5iNMV0av9CQOLAiEAhSyPcoXLmTozEtgbdmaRo+kktOTcpixEcWuhrsAPqLE="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.236_1644306926066_0.6117724277101015"},"_hasShrinkwrap":false},"1.1.0-beta.237":{"name":"@spaceone/design-system","version":"1.1.0-beta.237","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","draggable-helper":"^6.0.5","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","helper-js":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^7.0.2","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-functions":"^2.0.6","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","node-sass":"^6.0.1","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"49194a2817ee651f15f42e2b4aa369754d6865a8","_id":"@spaceone/design-system@1.1.0-beta.237","_nodeVersion":"16.13.2","_npmVersion":"7.12.1","dist":{"integrity":"sha512-tf2+1NUR1qZJSEvOy1v6nkMMccFxAN2BVzIjgTlQ7qrkaEVVKHDk8Obb+A6Ilv8mpyWL4MZYFcaE1O6zq8kA2A==","shasum":"1a2d181f1508ae66f47eb890588784930183029b","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.237.tgz","fileCount":1240,"unpackedSize":61847930,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiAmIeCRA9TVsSAnZWagAAkRkP/1G3NH/l2Fh5uOQ5/SwF\nL3diTPjANdpnGS/HDdyFoGdVZdnBl4efS1Df4lODy62REtgF4sVIaWOLt6eU\nFgIzlrc56TtFXMsZHzOkHkqbHVaA8cB75BPrG51kObjDGWdKhVa3DBIUQ4Wr\nQajKUYBC/MPa7DuD6MLXsZMzxLY2LNeGwvKrrtklF5mVUmJ0zQDKekMk57GP\nid718uJcRg5e5S0bqXJcCBN+wNhOzgYsoU2EILMIAOgYoNLjJNoFdrC8uKcU\n70NvWMdZ4+WxssbODRiSSSj0TqlA2IElMolTrshZQ6VmRcNDUrz+DyQTFWvO\nBG6Yb4Xup1+59njWRstNmtLPydPRhTS0cNyrfX34bcscn52YCnoIQ2xstgUO\nyw7OZX5bpRzw6z6Q2dPdvooyndqpzAL9ZSVzi3d5VGTE0V7wmk7Jf+FGz08N\nzusLXLpzwr5WMClV16ycy8DKBWdjleiHRNebU526tOa6aTsSTJ2HqD6ySd81\nLL5htMyFWEiYnG47OPSFiNlwJxmVZ37S4PU9qT0VoGW9aMsbdpqALi3DsFqu\nbfRrUFdCT2/5Tx+xkHKCQQ8plSqQOitCRUMFPwtFRGeZ/eIL/6LTI/P+JNHn\nJf2eQ02zxoEn7LxQfJvOP1fCilaWhZFksMTE4qngU5DRlB/RQftSNVD8W4NY\nJFzt\r\n=6Gwf\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDImlHa5HtUz0SEZV/ez8i6hEF3/L6BwMcaNjDAwvd0WwIhANovtr3NlpZ+KdcjQhvNt+3+IqLSZ/txFD4Cg59E2XMQ"}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.237_1644323357573_0.5963999511553004"},"_hasShrinkwrap":false},"1.1.0-beta.238":{"name":"@spaceone/design-system","version":"1.1.0-beta.238","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","draggable-helper":"^6.0.5","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","helper-js":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^7.0.2","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-functions":"^2.0.6","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","node-sass":"^6.0.1","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"fa3d4077a8c8d990d923c7a134bee96122d76756","_id":"@spaceone/design-system@1.1.0-beta.238","_nodeVersion":"16.13.2","_npmVersion":"7.12.1","dist":{"integrity":"sha512-NkrtZAhlpqiMDfphR/riuIPd08z7izgp8SKyh9jMn5Zz9th3MHd8LGVvEj7+wPugx5JWLo3UaTy06mM1i+9v6w==","shasum":"e64bb28b8e6aabff40dfe415618bad68b0b762e2","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.238.tgz","fileCount":1240,"unpackedSize":61850274,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiAmv0CRA9TVsSAnZWagAAFJgQAJxS/ChSm28T9bp72T8g\nEfHhy6YPbC3+vaUPcQwtsnbw7MGLvScUO8BFjQXTnUGpBpDfBFvmAVqv9xFl\nFa4Y3vrZOHp0abM9N6Y1iAFgepow9lDjSk6Iy2fm6fjBZDsuPkAiFNDgXZnO\n77hHJ2aTk919YLVVCXtBL6+gSVWXSPBxTA/GAzzXWS6/RSmumdnDaLkQ0LBv\n7q9ZS34MRXaPV1fpvCQLDLoSoUXgqM2bDVJqDZIoyGszlfxnnFiH3lkwmsGG\nMMewL2H7BJnQAwNyyvM5NNArkhC6MrdY0SNMvgTMubb7J5DkS6MzZJH6Mb9j\nY09JbORaeI71AI6R0bHeLNU39uwbK/sKh9ZhiTVV4fvjr0NFgaaD/EtD9LF3\nSFGBtPaUvU/ZTsKQ3HxSQiH2h1+iRzIDnw33NaHvNKWCw/pQXOPwAqMbomK3\nJtGaW5tNQSY8WPRT6gViVEdJNczGpFpOTE3kle+6dxHc7hwX+OhjYUQGwVuw\nPc/m5FXSwaOwF8zHqAtnh9kvJf7b+UWQgt5KpH9apwvMuIiaoNBQphuv7WNC\nfk95ShuoYtmIULa/SeGmMBhEZzIdpEW4lBKs/MZBBGsvHxwt+Td7Xd7+DOiq\nB2z9uM0fthSQkNt9hwL4MsC29Kd5wSdhFxIfWxshKCOP+F4YyU1Gcw8ACfw6\n5OJZ\r\n=Ykax\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBOARM5LwzQKtDX8ooRsjD0szqzXUJuLSu4xopMAOzNqAiEAr1hYqICbMGvkRHc10j2JOtqE+gTmZ36NBWYwDgU8wLI="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.238_1644325875589_0.7761928233403417"},"_hasShrinkwrap":false},"1.1.0-beta.239":{"name":"@spaceone/design-system","version":"1.1.0-beta.239","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","draggable-helper":"^6.0.5","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","helper-js":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^7.0.2","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-functions":"^2.0.6","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","node-sass":"^6.0.1","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"7ed402633277a2282720b9059949d32e6db74c86","_id":"@spaceone/design-system@1.1.0-beta.239","_nodeVersion":"16.13.2","_npmVersion":"7.12.1","dist":{"integrity":"sha512-pebZEyrfYE6kaSMJRhqRJfk6/LqeFZO7EC67QcOLh3TreaVk/QEcJFAaMb71R77Ams6PJwNG2cxtanWUa+SR7Q==","shasum":"7541543418ff13952599e0de94fe0b1e97ebc8b4","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.239.tgz","fileCount":1240,"unpackedSize":61851565,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiBnxlCRA9TVsSAnZWagAAM9kP/japw67pl/17G3nMR1zz\nyMq4VGZYoooJlGqyya/PNIaKcsGGXs7YRUsphVlXxWIf/+liDybutrbZ+l31\nP6he5GC4DxPT+CRRra7Uo7vv2SCpIP74fxP5m8eScdViXp5Sy+64nxUmGGep\n/91qrgNQBXW6huD0YGFMNmgUy830oq0DnEXyVY8KKFOaH0s9pYlZGTDwmcWZ\nUKZczhzjr2svqyYhtT87NmBmllQXZ9FJcCrNNluelv9XrddlyV+lhM5qsaqD\nRECdUBvyVeIc0v5Q0CsqnfeBrOKzquDbNVhMG7MvwNZp+1WSpGwDr1PtRolG\neF37j3VWuQjTJtH8agYnjdwTKdYAQ24XJtqd2InlOG+CW7VavXMbL+s5FvC9\ndKIXq+/MgRjbA+nJ2xPFgZ2M3ZwGQ/mfgpM75TAhFi+CE8yOjsEnOu0QJBe7\nyCkVPwUOoAuhuxrfcC0jde7qA6/7daESMHtXw2WvRfFdEpGX4w28VYsIsjkW\nx/IE2wa7ecGWkbZTEg4ROQKuumIgagLgoyRXaXUSLX2W2AIm+0HGcCWqJ/yf\nhMveoiNqzs4sM2gdS3uJFi+XdL58InsDFKCb8iwtJFgnZfsTgXf8Y8OSUDAC\nOyB2dR3h4+z/zxZNOmZw76eaFXtdXj+Lj1We0btoRc+9WhOuHuZRZvRwHDnC\nlU8R\r\n=x+1e\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCP6XXoKkP3wwBpPIit3m6DVQUP+r/U31m6iD2Aiita+gIhAIrZe47WccZAvl23AbasQJshr7jDsebhhhfQrbWvaM8/"}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.239_1644592228844_0.4551940099632139"},"_hasShrinkwrap":false},"1.1.0-beta.240":{"name":"@spaceone/design-system","version":"1.1.0-beta.240","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","draggable-helper":"^6.0.5","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","helper-js":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^2.0.0","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^7.0.2","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-functions":"^2.0.6","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","node-sass":"^6.0.1","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"df18477bdb5df702c245a0534bc1515927728bad","_id":"@spaceone/design-system@1.1.0-beta.240","_nodeVersion":"16.13.2","_npmVersion":"7.12.1","dist":{"integrity":"sha512-KwaCue4Azqir5QIpl30DSBcvjVVmD3m0obvcOGOmQQ0KcTVqFmEEInq9ih7YWg3yz/AEkUf+KxTP3Q28w+7hnQ==","shasum":"c7fd2140011b1c84a705304a4ba0b9a29bbdcede","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.240.tgz","fileCount":1240,"unpackedSize":61858303,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiCgceCRA9TVsSAnZWagAAZx8P/iu3Bv0tMAt6lCF+Fwgo\nhgQ+br8ixyLXvrDf8DxGEv3QbJpUHzgrwEtGnC4fKFalqh7FlKkCM2XtN1dl\nAHjYKzdUuGAhhFjWJZ6uVZYR3JvdChlv1fXjzfHwndsCrgdI3e5T8j42D8Am\n2DzWhF5wXJUFG4Ht5PJCsMAbg5wzt4br1YhjAznECUxbg1kTpzeFw8njfwU4\nk4SIYbo3bwls4hZ49TvEs+h6jOSagWoJq6+XS9BIxdiL7fGAwaGZHf/NWrX6\niWPsMWKDCSgIntno4xp+xDlHObsEmAa0HJQiVBAqeZkBDFoBMBBzzcoKYNDT\niw6wOYYKchEoJ3ogcvodAi1VWX6dKF+Hnz728AzJ/Inm7iZY54tx2h2gxiL/\ngNWZHhyF+++jSCAPEBNt6W/sbdsU5ZpyqpPYDJoOmn6QZ5mOhltWLsGPh8Vw\n7pbDnTxdiXE4jVQfXtyjjzvS4EvySYsmsCe/NeiPo65h/AFM+sjI5P8xwJ4k\nc67qbDJvo95fEowIzbVGRii0vxpEp31QSdmbqT9jI5ryMoE45aXTiKP1iGEu\ndipOCsqkALXdQfJmUqDYHl4GiVibCRLDXlVZWTEfKdhfF6AGAIfxSCrziVWQ\nCrdvoHfRS1h7xaKiFfEkTe00n/G91bFyhUOXNE3Yu6JKeFHLdbQBpyGIUrhA\nrpOh\r\n=lzeP\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC46fnuTJvjxkPVP2qKJRPDur04nhU5AOUSSRVQnUQEUQIhAOd2EM+rbxMVusOZJuYCyEO3Yt7NKzqWEYS2jsQO8vMV"}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.240_1644824349839_0.7538394016602417"},"_hasShrinkwrap":false},"1.1.0-beta.241":{"name":"@spaceone/design-system","version":"1.1.0-beta.241","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","draggable-helper":"^6.0.5","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","helper-js":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^7.0.2","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-functions":"^2.0.6","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","node-sass":"^6.0.1","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"dfd6436c02118c9c038243c665cca89307e1b70c","_id":"@spaceone/design-system@1.1.0-beta.241","_nodeVersion":"16.13.2","_npmVersion":"7.12.1","dist":{"integrity":"sha512-At8fEXfYn0OaKhr5XloXOZd/YxmjTfuqEa0DSumFs/OvG9wgQd1hzoV9q5c39E/TbwAUwmVzsDtynNFNAg9lnA==","shasum":"7169a5b2166366b8f13ad9335b196000e631082c","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.241.tgz","fileCount":1240,"unpackedSize":61876783,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiCh5+CRA9TVsSAnZWagAA6asP/0rQCpZjX8PHZ7mcx4P/\nJb2tqZz7sjMv8fSX9UeUbD2C+luMnoume9VsgKwHZsJTGTEZ/a1VReASuOKz\nk5zCaSa2ztheMK7z43Xlf2fdqK7YNpl9h6lI2SMP7PI1Xb2Kaqv9VkrC2fjB\np9fFF21V8XMWrQ5rT/tltQW/BqsIaTyp9VKr6BRazgXnUNTYFrE0pnFIh+2a\noBDKYIYtofQf1HEqQm5+jENO2jXgHeNbWz4hl54pzA3zSTWjL322FtJuJES+\nmMlf/93tij7BDzMmI4aXB7lKRRugAYapiuxugSIcrdtr5BstMEL4qayUCcKu\na7M2TUmpNQtvrevkzi2RPFqmMLfcKom/PsafAX+gvuXGmf9o6TaaHJ8G+g7k\nxfumCWqfBMjRt6y/2jtVXa7+7sxQGQ/tYJMOkMNJ5FtBrGxdoOS/5W+3Bpy4\nQkUMGOeQU26PX1LTAcf5m+mYqzMvjE1OTj6uibV8h5QByPodJkCIjcWcll6f\ncNwuY+NzVF9dGFgEYmgsQCDCTiIQSoOVBRxzNy/okNYdS8DLpb2HtGalS0PC\ny8x2/JleqtNEPrb0PyszsDzw5h+tRksMJ8/dJge/L3lPaZghwHTHRMU9DuYt\nHv5/mGddROsYjXrvAb1AQXaBpPDXOCYQgkXvgN3BYkirKM9Cf4aaW0zfQL/F\nbOdG\r\n=g2Jt\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIH+IUo1TSc/mL9CEYLh1/w/eNzLPNEoch7j2p9wgYyNnAiBAC9+2RHqsG38bsKdsbLrQTgwtLIp4yG7DgnZ6G7h0tw=="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.241_1644830334146_0.9627870476816744"},"_hasShrinkwrap":false},"1.1.0-beta.242":{"name":"@spaceone/design-system","version":"1.1.0-beta.242","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","draggable-helper":"^6.0.5","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","helper-js":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^7.0.2","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-functions":"^2.0.6","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","node-sass":"^6.0.1","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"43bfe0fce7f00662f63c244f12a8f9b35b880f3e","_id":"@spaceone/design-system@1.1.0-beta.242","_nodeVersion":"16.14.0","_npmVersion":"7.12.1","dist":{"integrity":"sha512-KRGFlt/8jK6ojdhQbrDdYvAfLpohCib0Z8swI73nU2hud1PIrZteGN+03iu/QJlRq/xEkD2PlAOWHEqmvTqQfA==","shasum":"f4386bfac6e6ba3b75b1b1ec1721055dc7d0eadb","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.242.tgz","fileCount":1240,"unpackedSize":61876785,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiDz+2ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoJkA//cfznCY6pzjSU57PyUZ6T1F8LUsAByA+mBhUfLDayDpu9Jctg\r\n01iirND9kG4QyTU46rn1IFanvkFdggkrL5MEaNjG9HAUMgHTFmx9cnOnAvsl\r\nNV5fm3mzzB95M06KK7GwSdillKB18KmuW17asEVGCLYOgC3371zVX01JGsTX\r\nHhD7qbmDtZLQaKvgc3DWsZ+XiFMSgKpjvokrHt2qPfgTOJeOS5hO5j0kh4QP\r\nRYznt/0UknU3L/zoAsH4M/2chOceR9fRUF5gyg96KX5BjKvLgt3D/i1NRJ2N\r\nKq+HptW7jzU0mm2iROJAg1X8hPZgpvfbFC4oxCUwGaEmNXoUrNyfITzhmGyn\r\n+M1YMOVxsU8AVS7u5lkR2g/40An6XbeI12GEVtGCukKHWjpWcRNUWQQpJExA\r\naXEmYScdrbaUgzi2bYnPQLqlvB9LnqfvWcR0TVYnebERK8mdNQ9oXc5uf0uE\r\nAgVFcZXxB+3MF414hjqQ3GOVrpFRJJQVU78xGTu+M2NazMznHr5aQiUdRmok\r\nrHqnxjzJEbzFY/yjTcbO2iBByIFwGkkuX0CrUWY6DGat4cet3ZzA1BDbq6tH\r\nEuOPwYPad35F3i+sg3F6KdIG6hcOGVKR/bqUp+61adqM+UqkbPnqUMfIwxTg\r\nx1Qu0BmhsRXzV8j2sEIh/EORG0gxbjKDQnc=\r\n=Hr3L\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCT6HQTYFfCPInu55zHTKhP8A2QMZLxxFDD239D3u2VPgIgeRb90Iiu6ylckGiyrvV0E2VuuY2amPZY0WbnrpaxYkw="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.242_1645166517814_0.7239856491548444"},"_hasShrinkwrap":false},"1.1.0-beta.243":{"name":"@spaceone/design-system","version":"1.1.0-beta.243","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","draggable-helper":"^6.0.5","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","helper-js":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^7.0.2","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-functions":"^2.0.6","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","node-sass":"^6.0.1","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"06a1d524e651e18c752a321536a8a5a01d79727c","_id":"@spaceone/design-system@1.1.0-beta.243","_nodeVersion":"16.14.0","_npmVersion":"7.12.1","dist":{"integrity":"sha512-AGfnxeeHF0X1c0MPenwzNBt5gCWpNAQZat3Hw6zJZds9dhKL95w5Jk0AAZKEjpk1O+thhELbo3/3oojEDXdMoA==","shasum":"0d3884b76f4b127ee2a976ce074edc79fce015e6","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.243.tgz","fileCount":1240,"unpackedSize":61862850,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiE2WsACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpszw/+Kplf6fQfRRZvleEBbuoNk86jxF5EHJURe0Osj1T4B8XyNu+k\r\nPtECQIDFdJ9B/yRTBXH/zx3ZEhf1/+8+nMk3Wx79G7Lsyg6AbIjFFBLTdAqL\r\nvbPPgRBVW6Z/0X0S2Y2FEVtJ62oTcnwoqWEIorK6sC9kpx9AqutwsyxkF9am\r\nfYjBK4h88hvKYB7kpFqOP8uFW99Ll+ID1vD0A8ZKw68J8VbLW5jsVNO0ZPc3\r\nbFSKFZG1ivPSFHstjcKwGoZeAHinYP3/dMUjKm3pxiCVASeDUyDGg8teaN0O\r\njG+V/wa+9tb8JuW5l0/ZFi6/TgJmZ75oNV6Pk7/EM7GJTzcCfQqhWiH4B/9Y\r\nTMWUoUrUU1dbpj0meXYxY2ZV3aGGjO/e7M9FuPUyvN0lKnEiYlXbxjbs7LlF\r\nuXIMzOZcQK7SSwF+lbXuGvx+erYWd92VEctHRG7lGRUfv6yX8UIRjcnVf4ye\r\n/FpcjEPHFpJnGFHj0kVeu52rg1h2BYmCiZtNky4YDeyAJzpW01+PGyXNk6i1\r\nZtJW6TcMv8p6ByR6NTalSwuCtOKz3X4gZPOK1zybsU/pLoQmliZAdhKmsBpL\r\nhE0xsJ85vTp7CvAUjtz8nvSEIw8Go8O2ClA22YTPlpL5FtDbvvum4vdiBuyH\r\n7yfEx8EJZD20B3VLAQddmidxmucgJPvr2o4=\r\n=Bk4v\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC8rNAmiTdoyEGlJVx2h9yqZJTSMIU6WDQsMmb71+JfKAIgJAWoCUJwPxDWmJnXCeeed/byLqEiN4Ox3zmOL0nOq24="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.243_1645438380270_0.8858115170622063"},"_hasShrinkwrap":false},"1.1.0-beta.244":{"name":"@spaceone/design-system","version":"1.1.0-beta.244","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","draggable-helper":"^6.0.5","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","helper-js":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^7.0.2","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-functions":"^2.0.6","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","node-sass":"^7.0.0","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"cedab197a6398207ad28a8a1b146cec9a02a0983","_id":"@spaceone/design-system@1.1.0-beta.244","_nodeVersion":"16.14.0","_npmVersion":"7.12.1","dist":{"integrity":"sha512-Bua9VVfk9BrscXonJHK4b5W2lBVZee1pddm6FMLTDGyCHCoEoJA/sNUegcsWAyAVcHWfRQkNJBvAtKRX3deWVQ==","shasum":"d29c0275bc4a59649e2583d7971e6455f820891b","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.244.tgz","fileCount":1240,"unpackedSize":61866418,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiFF7iACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqLBBAAlt3ALpPVFni5nPUfwV137VHptEG0PfWlS3pJs2K8O5hjAVpw\r\nSJb2jg43/ZRFYs+nMDyRJsB4qHeYAJyMj0MwCYXhZWAZwAFS3pmspw+07js9\r\npGZFe1TGcOkJ7jT8d+FpTn2RSR8RdzMUycg6bd5o5VYTu+eULpnBC0FZYKHp\r\n7C6KfbcLuLM9l15Vka2ITbscnV2eDCeRMZ7yPv2FLRPl/o9Pb8ALGfHEV8XF\r\nZTFrD0s9aKkaCrvRhVfR989oGwt+8PeWb2nIt3zasvl6kYcOX+mCF6H9ZTW7\r\n6WNjeUNTgb2Wn+00muSPlGvksUovyN13cw0g/Nb8q7AeLcHDgLf2us0gVLMx\r\n38TmfXDMCPnvR0LgchHCq6EJETPvrV1zO0Y/Y9y7UdhSZUvkTgLQtYaNPoGt\r\n1d4ECfOGvJae3/pUjBt4sT8zQOP3V62ow9ggI6OZ7QEsQ0GF/U73/iUjpEON\r\nD2KD0JD+CM2ihBkaRO+yQxy3Hmf/QFY1m8AKjRVq3qxHfx3P5Kvd6fAQ4Tpg\r\nDgG+PYnbmFPsTa4UiqSPoNhsrxUAHd5Lr8RyZpNcbaCKfsaRSS7rs5B4ek12\r\nAmQ7kAanZ3gFBTNRoYaSdT55bY/IsS1RKkFemIc7hYOp327SJL1cPjFtdRLr\r\nyK/HOIGPbLu6jcITA2VaCjOYCaNWxXjqj+w=\r\n=+/V9\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDY7dl6o4jMfZQVCsk2qUN2JguVEscTtWWs8gD2YFchdgIhAJcbMMKMYn0Hs28g0QEeIBIus4hixI8MbpYzCGfMZItf"}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.244_1645502177013_0.8012808690696069"},"_hasShrinkwrap":false},"1.1.0-beta.245":{"name":"@spaceone/design-system","version":"1.1.0-beta.245","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","draggable-helper":"^6.0.5","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","helper-js":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^7.0.2","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-functions":"^2.0.6","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","node-sass":"^7.0.0","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"6edd98a3f00bb013733effdf2da350bab2c8c05e","_id":"@spaceone/design-system@1.1.0-beta.245","_nodeVersion":"16.14.0","_npmVersion":"7.12.1","dist":{"integrity":"sha512-2FCYoU8Nqstj8v3dKcmSraF6JDOjH/aY+OpeUXvaPjD3ZfPCVuNQ++sB0thaZsZnFjISIMnScK5dYAVsRS3AwA==","shasum":"f6bde122addbe7ec199dafee2dd6ce93bd8f38f6","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.245.tgz","fileCount":1240,"unpackedSize":61866418,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiFYjRACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmreeQ/9E6a29yunQY98RdhUkyYdig36K3JZ8nzKB9brOAR95MGbOzNT\r\nNGzhLk9eW4LAnjKFtuXeNowvMWRV2qVOZa+MA6PVvbfH8b6HzmjIokA7PK2K\r\ntFdmOS3J3kir5uW3hJlv+OpEXey4zXRhGeyMoDuzt1MhcgyY6u6fKvjtjbRS\r\nGnqDU9gJWfBw+Us6SKwO7Az8hJyxt1AQ+O7gR6RKwk92ZP51IAshGZ6f3LVX\r\nWU7wIhDuvQbmFtWHrO+3GEiTYsxZZrKZ4kcYW+KdcrTtvqUrTp3fHhKSxSUm\r\nn8DOiCipmLE+Xt+/a/QzZhsSqhvWBkP249q49J9EXX3xr4Y1Z6o8bHqCMUvm\r\nJJYcBBaVa4VrvHBGEnLg6KXs6/6OtIhYGmbivgalmg2UvcKXUVBl9yrH1BnX\r\n7L5nmCzshB7zL4V6/Rlyx1FhwB82qQsnyGeR+W1eZbA9kq1Ngf8YTvL0Bbny\r\ntLjc0U4fqTGBJQbAWZzDHg/PIG6e+vhv99RRWGuQIhQseBUIPo/sPchvIgNV\r\n/Fu5/ZhYwIweUg1Ae9DSXD4XhGwL2AqnzVZePozbCEZ+BjYZehiI6i2Jf90X\r\niEAUPrSQts/Qpn4HSHxpm30U/wNAFMF2779bV3KjtNinB1S/4ScChT2XlQ6r\r\na6D4Qoc4Dh8p3Sheg08RUvLsvg6DXZ7XK3s=\r\n=0X5t\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGbj9agz8olvjP17rgWDE7iO+b07TohDOMcMQokFyQKEAiAlPjCVi56V/juyZTUa7SY3EIMXoLl6zHvODUBHTTgYjg=="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.245_1645578448500_0.35300854700424167"},"_hasShrinkwrap":false},"1.1.0-beta.246":{"name":"@spaceone/design-system","version":"1.1.0-beta.246","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","draggable-helper":"^6.0.5","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","helper-js":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^7.0.2","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-functions":"^2.0.6","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","node-sass":"^7.0.0","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"faf7916803603593966c7984d69c3d43b3f61d64","_id":"@spaceone/design-system@1.1.0-beta.246","_nodeVersion":"16.14.0","_npmVersion":"7.12.1","dist":{"integrity":"sha512-nTDdaXCKe0sIUlrTWBOR7aCL0nJC71BBoIpsnvj2PVQa59k/9keJ14GHjMcOVjn+OHMJQUeF6sW43BW0/tH0bw==","shasum":"190fee49c85b41071c62d6cbdb60cb50f553bf0a","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.246.tgz","fileCount":1240,"unpackedSize":61865984,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiFaEtACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoZZA/+LwZ37vT2BK5krU8eGZ6zwMfw1rUtZ8USTwZFoKMFacovT1Zo\r\nHPV1NvrTBYvVRaskqjOmDLL8GK7AK2Li6XNcqL6SWjELa3/bWUIjyK6pvt+J\r\nJcjdKvkEAEz0Fw4bPG81J0lV9lQFJaVxZO0P6IGWOXnSPQAKP6/H7d1dmNF8\r\nncJs/f+hDgftBh4kBUFrwar95ZcToxRSi2VVaKgk0zw20HOrP2BEhaPhqFCq\r\nFJpUm+LwGAT+viHneUtOWSPzuOyVRS5QnUqilNHsGrzEe1smTNTQphXREuVW\r\nc9xSKuKPNpJEtPuKfGby75hsx/sjMaEY4vXnp5XPl+dFnhJu0Y8CAUEg/GL4\r\n33mhx6kTr1FBtp97D3JIZsaoVLkNSs2/irzIvAgPARXRp3Ap0x54lWbIpn3f\r\nDxgI9dfXQ478S1D3mnTsQOVASisBwjm5vU6I+K8CkMMZnGTtbZZTc8qH4r3c\r\ni/Z0BzYCr9Ng0ZSJB+co+Jg1nsoUAvm3/GjFDn/t7hVrYzD1H6DBe2DYKe08\r\nDyeb8HiBPnGt2Nd7kT/vzdnYvek4Q5SEIGA/4qZEMfyPQ8dJveWMyN/T46kU\r\nU9WgbniyyBR2T374l7SXlUVSaUIEmOj4CbTudT0FiU7SljfzD7NMJShla5h8\r\n1/cTgFOMxNL1iAMIsn2SLc8HlevNkjaB8tQ=\r\n=Y434\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCcRp4K4+Crden1Ol2vMbmN1ZACYea9gYacOuQAUfGfdAIhAO+83ZmMaRknAFrGcjQ0E/WogTTUVEVWs7Pwff4GAaja"}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.246_1645584684666_0.6756593264709017"},"_hasShrinkwrap":false},"1.1.0-beta.247":{"name":"@spaceone/design-system","version":"1.1.0-beta.247","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","draggable-helper":"^6.0.5","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","helper-js":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^7.0.2","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-functions":"^2.0.6","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","node-sass":"^7.0.0","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"493fd021aa064835c100564417608849583e181c","_id":"@spaceone/design-system@1.1.0-beta.247","_nodeVersion":"16.14.0","_npmVersion":"7.12.1","dist":{"integrity":"sha512-x2PV6ZbI0XKlznhM0jxq9am868JInbxJyVZY+WZ8xCUezIUxP8YjZYc5Mfz5YDCC+4H1SC/kuzOiqrL+b1u/PA==","shasum":"d5a0e49ca42998a2a89f3383780f11c04cda12ae","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.247.tgz","fileCount":1240,"unpackedSize":61865390,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiFdcDACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrwug/+OwbjndcnR8zmnbfFdVH2Jq21zeSNX4j4SyOQPQR6cfgIrB3Z\r\nWd/EJV+Th9KFMBOII5gSb8Qy6udYomSoU/9hZXq8bcAOEPed7MB7HeFQU4bZ\r\nrjhWUParmiBXmOTDX/9Pmxp1GjBgPBevjlu+feiIdlswgKbJahmjmAGKRAB7\r\nXqE++tZrbx97UaXbOhwDMyZfwqoNbsXCiGYGwv4tnMCST7eO6AwDmRpl61Ms\r\nXRkvE6oXV8cGSv9pzH8pWapXASjHK/W6uGOEvTwenE6cIvlCkGWQ50B7+d/k\r\nEFkWVGm2PX1ECz4QX3PMccL1u2XtXegBPulOlR8H/XvOP6VQITxK4/faEr2g\r\nmuxAJK3hGVEkF2x2N3/bnbANUFbgTv+Ts9C5Tbl3Q/kbGFlFLjTadr5COfZc\r\n1s3YNOEF4MWFGFnTki8Jsw2b6ycKyJinszRtLFCJdYgDTgic8l7LKbkF+Qvt\r\nJd8OrlkWjACOvjMLY96TpjS3yPWzEw1C676dpjgXjZoCunAS7llYZ3dcNZ6Q\r\nNp8gmNo9rHkbpqEZPtHbYUcSy3vVBcUcC/nGYMhRWF0Bhjo8AR/mn2GNyMxz\r\namQ9hlCHtJhX4kYmkY6iLYb6JZTheaPte9KBFho6fMghYs3rgv97JITq7YRX\r\nmAMwtz3a/EY5TpyQcfplRQY02EZOi0pf88Y=\r\n=QDbW\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD4H8D1VTp9XMlvn/7vQvze30zQmFReX4xkDMNyQigB5QIgQV4foD86dxBkVLClH3pHUCkUtpszApwjhOMPkTdwY+s="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.247_1645598466286_0.9068487660659044"},"_hasShrinkwrap":false},"1.1.0-beta.248":{"name":"@spaceone/design-system","version":"1.1.0-beta.248","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","draggable-helper":"^6.0.5","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","helper-js":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^7.0.2","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-functions":"^2.0.6","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","node-sass":"^7.0.0","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"873f0f95f8cbe1cfdd15b1763c7556bb4d46ae11","_id":"@spaceone/design-system@1.1.0-beta.248","_nodeVersion":"16.14.0","_npmVersion":"7.12.1","dist":{"integrity":"sha512-XjR8u4yNYLWRfpi+/gbnXiiwCNdYW1qt9A3CAMR7gO/WFA5q4XLdydqkK4DBsVLxG8BWSjOu+kzIuXOb/O8Beg==","shasum":"7d7b4146be7c46c8bcadb6d9256cf10dd233efd6","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.248.tgz","fileCount":1253,"unpackedSize":61918987,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiFufRACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoSWg//YIHc6uR0GF2GxYLTaGT0WNv5MTBA7SXyyxUFea5YZXLRx/Ru\r\no80xD5isiUopM8Vm3r2UYt5oF0X7IKRjKSpD1ZgEN6woGEHgjJ70gC6MR78u\r\nRP7cRrp3ONqwmrL5HnHcHZpIyWnaKb3fymCGrsVjgISoAFrN5QtgSxM5Jyxo\r\nMA7DFeD614jqMzbJ/SJmcKejvMsKF1QLfjrD0IRBIoe5dA/0xkrAWyDMpq5P\r\n5qFEZmvdSu53OJHhjChUL3kM1htA3gLtAoi5OTx5dPWatKnLegAOS2QVVJ/4\r\nkVjNoq5zwBnI6taUD31SXsc/IY1AN/gTMcVugya6uZYop19kAHr0X8cLMloP\r\ncG37lu0Fa7vUJeHDrelLX0SO1vXeWGqLoIZ4BuWjYBFvoIPcxgXVNt6z1RZP\r\neBiluYV1JQmyOXOPPVkWuKde4bjuLnGJhL7OVWYX/DwZLFTu24lMpn/Abhxv\r\nLIaivTWkmnVc+MA77M6UG7xKeeeu2ZZ8hYyEInsP/1Uyhc38GYtVK4C9j5pB\r\nt1tLongOeXmWA0uoNepAA6uv5W73gsceNUI7C3RCRSGURo2Z+/HQ/lWZX+wo\r\nvYPijrEGsIT7aCqV9yywcmnu+1Vn/K0h7PNV1ExqDLfLhrXS+I3Y1EAiX536\r\nl/E6Cjhrom8efYJotHTvKiwZcgESiQFqWNI=\r\n=MUhj\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFcC2SlQG9Nw4wAlT/qElmgBWI0Ee1I5SWOUGtIbco6DAiEAweHH1ah9WUspfIZhuAT0fpnzwx+1FLGNX/CIb+APAcg="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.248_1645668303689_0.5391261037146036"},"_hasShrinkwrap":false},"1.1.0-beta.249":{"name":"@spaceone/design-system","version":"1.1.0-beta.249","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","draggable-helper":"^6.0.5","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","helper-js":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^7.0.2","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-functions":"^2.0.6","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","node-sass":"^7.0.0","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"fbfa17e0af16cb0d8706a5ecedcf817c31d476d8","_id":"@spaceone/design-system@1.1.0-beta.249","_nodeVersion":"16.14.0","_npmVersion":"7.12.1","dist":{"integrity":"sha512-2pek99+1wBEXQ5yASuL7yigaOH/kkSdYgVWPV11jqb9SSr1Vukf6t3llX+UznrVqoVmKPXFOW2Z+Wmz+8TwfeQ==","shasum":"4b04a501ce3ebf6beb28772e9e96d93a1b16801b","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.249.tgz","fileCount":1253,"unpackedSize":61920758,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiF0AmACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoRlg/8Dsz2aMQn4byZIYEGdjvUQXfyJ5/U4olTXsAHj+bmhi7F0WWT\r\nPqmIdSscFJOStFMtuF547VNHRig3boN253cnAVdUbYkLaepuh0o6iNGZZ7kV\r\nucaNgi3TY3kSR4fjlsS+zOOLL9qfit8+SvbTOMwKMoEKa5mUXlB5mk9s1zDN\r\nIZRHbqVhK+sCGbvjMrMT8x3SllokhReF6uILJm7g6CZzIvKm5Smllt+/dId6\r\nloCdfNs6FKhf3yJDUgQ9w/6fnZMj/b8Jkje/s2uldEIw3bOx1/BodoJUfV3F\r\nHTD5WeNLqAJv2XCv5CpUlB/IKXD78x9yZ2GEbOO5sUuXGgOas8nXxJ6opJ3L\r\ngj1mE0ONDQv466DpS5j8lz+n2TyMCaMgJHpZXlOshWcbfabZ46mrUVBHJ5bd\r\n2Ci9YXkJlHxP4AW1oOD91F1tqT7g+rFPAqp4j2ANdz+bwc/Btsp4PBvnzkNS\r\nxh54zPCvHdeQQhDV2ESUBOzJRQdxO0KLE9Cb0LnqS+UUWy6Ckd7bddNYw//d\r\n2/iomAExr69SdCFnMkaWBNKpGH9BgljoWjwmNp4luJ8TDSoDqVhHZZj8Nx8L\r\nJa4P1FImtoNbXi3JDXNhVa/hg3jJ8Dh428gv9BSt48PbV4UMkMgq/qAyvLZQ\r\n8/0riNxOzygqR7lr/eC4pEr7X6Ue5HZP6aM=\r\n=1ysf\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFpUU7Jg0whzDAIVTsd6Fi0Ton0L3TGIhn8dkweBGftNAiEAmgdIAiSiGokRrMwt5LmOE1v4feuTFjKXdHGD4Vm9jVM="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.249_1645690917854_0.042196378719696614"},"_hasShrinkwrap":false},"1.1.0-beta.250":{"name":"@spaceone/design-system","version":"1.1.0-beta.250","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","draggable-helper":"^6.0.5","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","helper-js":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^7.0.2","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-functions":"^2.0.6","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","node-sass":"^7.0.0","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"777c78e986b03c708fec647e7d3f71aec5b920f9","_id":"@spaceone/design-system@1.1.0-beta.250","_nodeVersion":"16.14.0","_npmVersion":"7.12.1","dist":{"integrity":"sha512-AQOXiTk9ImP3+CezrWi0PQb+Ke8YW+oUfeQ/6OrmGgDZVrIEaiKPZgxtkHmjzywQAux3clzcB4aIo8ZKkMKE9g==","shasum":"43f49269b7b08c9ffdcb2d9468712583935aa341","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.250.tgz","fileCount":1253,"unpackedSize":61924932,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiF2nbACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrsNA//Zu8THllyJpCXmcrNYHKrquRrVevkgYg3x1Lq1wxZujM91v7i\r\nrb43vJqNuzR/0APycPuKbAP8DaGfew7WAnt61VWH5xg0ZCyhBrJR5sypbd+T\r\nQdFzHvApkuukaTL+R/720Xg+mRCzoI6WU8c+lQikVSePQqeugJN2ehltE2jW\r\nwixdgDDPQ+GuWAsyPY/QpJJUUoQk+StbFC1PBJJCsXE0/9kdwCO4czBD+zEk\r\nTrVx97ukqjA01prdKlxl1b0si0/W+7EZHpJ0+chCzmjqXVKIQMBRDuy5m8gB\r\n3S9DHCSaTbVaUyJ08PBJBld6+XRnp+Sb4wsJs4MKpggyWN40WSJSiUWadaBF\r\nKLkpfRG2weTM3HdH0Ryi/sIk9PbV1v2HC40P3D0IHOspW99EiIkTZ92bOuoi\r\n+ueM5ka4/JLietUgEGCFUsA/KBIhtNiquKbxQfb0Q8GHENCQGJxGKoUm1jQc\r\n7Y/2ARP0exnJNYOVbUd15FiBEw6aJwxrI5/AlcTwqfkTL+umKRmpiMcImCm4\r\nnyD747dFcEk7UUTO+/JhBg93yjPvb57buBJ3BIeDrfMzMO60GYi2BQzBus6p\r\n6yI0dfCySfk0sVT7o5Wg43hlRE9XzOXZ1l+1ibtD2kpcXyJBhue/d1LAK5A/\r\n85Kxr7vVl+PJbdhNAlHGeCi7Ei2PLtI5t5U=\r\n=3tB0\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCEzqRnaomY+HlKt3ajvllvbqyd+d9wFSzNrkfsE2yZ4wIgSXQ659JEN42yyvUzRYc1ofL4FmJiAVRNDxVetaSnC6M="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.250_1645701594940_0.9101836595836033"},"_hasShrinkwrap":false},"1.1.0-beta.251":{"name":"@spaceone/design-system","version":"1.1.0-beta.251","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","draggable-helper":"^6.0.5","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","helper-js":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^7.0.2","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-functions":"^2.0.6","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","node-sass":"^7.0.0","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"203d36c453befb0c859c11e304dc5ee399b7072f","_id":"@spaceone/design-system@1.1.0-beta.251","_nodeVersion":"16.14.0","_npmVersion":"7.12.1","dist":{"integrity":"sha512-OxLT10Q4H4NzgmhL1qa43qHUL2VdEYlB4ltZVFIODkGGeZMrt9KI2Hq73N0J42JPQrtrScQ9jq7ZrQwobQEMlQ==","shasum":"648064a80748a6518f7aabce1235d7c168a5b5c9","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.251.tgz","fileCount":1253,"unpackedSize":61927482,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiHy1dACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqSeA/7BQroJtRs3+ygPA83smItU40WTQOBBk82v8Tw3PO40KOvuxNk\r\nAsD3lmDQPSmBt/MYhDcJ8HJ0zPrRhVzFR1R9r6c95LI7Y5BBBBSl7vtwZ4cU\r\n5wQBkIVEokE8HI+M3RvUnvoWAXrcgVhRowsRpRyOKY+6s2aqCR2sK5gR+mq+\r\nRXA6FxMRFBj69AcLsg96T0sf5qwqZj67X/0w8b50tfNN372qID2jUCyUgldG\r\nlMSV6vbRq9MvwCqdg46Iv/iAabx0cRHMJMyMHa9dfr+oY1+h+tewUJfcK7hg\r\nlXt2rgsW/pFN9Qn4CXQMOydk0nb/qoKv6J82S6ZnjI0QtZyd8ew4RJOEXbYn\r\ntM7rWaC8EMUyYi+X4c6qSWavZLzX1yNaf1xRyo+Ck81Q/243AXKPdHhiqL7H\r\nzTw6RYwzlSw+A94Rt4aGfX1PzNsVWFFb0x9WW2ls/L0YRrH/JAPtdE0NZNju\r\nx78VJqJ4iqTWBnkf9ejwM6Ab1dk7sRUzeDmvSg+4LFgSwr7gGxT61bjr8i0q\r\nbm03tf0y+msotw3FNhfEHkNCd/5wstwgXxyY1PINuY9d0dv5gu+DeTpuW3ji\r\nakumGoEwynofd3lQ4EpOvhlrnl0UJl3VU25mJCS42ALCA3rbQL/UhTE9Qv1A\r\nysSr7AqVbsyR5C9x/Itk4T8fxFEU7KBXLA0=\r\n=U+UY\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAQns/O6BJWxCqwzkqAV2Es+R+4RXsav6xRsLjQpPwwYAiEA99qEVnMpLV3wFc+uP+b0GrLWbLBu1kGwaeWb7JJGnwk="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.251_1646210397254_0.41305568588703845"},"_hasShrinkwrap":false},"1.1.0-beta.252":{"name":"@spaceone/design-system","version":"1.1.0-beta.252","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","draggable-helper":"^6.0.5","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","helper-js":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^7.0.2","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-functions":"^2.0.6","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","node-sass":"^7.0.0","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"44d97ec35eace67f5618f94de698e76f01a66a96","_id":"@spaceone/design-system@1.1.0-beta.252","_nodeVersion":"16.14.0","_npmVersion":"7.12.1","dist":{"integrity":"sha512-BNxq7iRVlZK9WYikdT0WibIft5lpVJOHKSUdWG1PWeTswTbYAlkwhcgInHu5a1I2gceWWWMj5m51TJEIIBgvyw==","shasum":"5183524b006b7c382885ca579474902743174404","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.252.tgz","fileCount":1253,"unpackedSize":61927605,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiICgQACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpGCg//e8rJNGH7oiMlh5RNHWqBY5tIXuptbgCsHp8wAis73ysEmoA/\r\n24QlHu6cU2qOMbFvzHOecFqym1aiYEVwB2+nU7wNy0KpaQlXGUwzgMmJbJWe\r\nUZm/gBQXnEQU0s1BqN/Qg+cV38laZffQQ0cpTf1+GZW8Bxdwp/9fWYoQWNNI\r\nKylCm9zFxub58Yv7rv8beZYsf78wjhQZnHQckfqSQdTukThXWCECohNDwhO3\r\n1W1AQ1AIiNsS9W+wkU8N5kTm6+PhwOcxwHFQ44MEGLkr/E1ehfwdGftE1WUd\r\nI7aX4bP2HoMKpJrDN0NnYMyPRqOnfcgpdDTd0CY9ZNOXWvYmPOjOE1otCGo+\r\nouku9SsBuYLj8Ate0cOVax9w2RliFCv1gty3F/NBjOrzsWz4AMfX1boXLV5u\r\nu/DezhrTAsqYMzBxFbwf2BG6kvkGuJ5jXqn60fkNqXXol9Ni5zFTMiY8uMuW\r\ntnzxIhscJUMtWbIO0YYn3hQ7xpxobTh9MeNlkcfYgOKXrgZdL6jWwsKTyzex\r\np9vWVUkLzI60PedtDM6zmB9/gjMvXoXesRtXkiT7KyodSFKY9Af26Ky5En9y\r\nrkGLRcMcUyzCTkUXX1nCOg5hhPXrj5sifp9B9SC/4KrcW/nOUFU5Dw9hVAIx\r\nKidgX0SBwcG6GZ5VXFXMJBJsO63ZWG1x+b4=\r\n=Kds1\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEQnSk2tBJVTLYbB6HRI1xgRHr1b/caBB1NceSWIr9U1AiEAlkQtNNTVBSAslfkuF/QQ+mzSrZU6xj5i6ODDhyH9eDs="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.252_1646274575601_0.20768903921968684"},"_hasShrinkwrap":false},"1.1.0-beta.253":{"name":"@spaceone/design-system","version":"1.1.0-beta.253","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","draggable-helper":"^6.0.5","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","helper-js":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^7.0.2","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-functions":"^2.0.6","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","node-sass":"^7.0.0","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"9e31d1d7439c6025fdf8366114a5fcbd46f4abdd","_id":"@spaceone/design-system@1.1.0-beta.253","_nodeVersion":"16.14.0","_npmVersion":"7.12.1","dist":{"integrity":"sha512-U6OzQvUSeqmrZ4fhmRwLfWyCJAv0RvmZAiVuT8cQHmcPZJbd7688kx5ZbCis92BHz0wLPq6DByssB1T4ieEWaA==","shasum":"dbcee8294103514a611e19e85555ecf1b6f2e6fa","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.253.tgz","fileCount":1253,"unpackedSize":61928969,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiIDM9ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpiORAAjEjT80LBatYsjJhzXjobyT7KK/EgXaYa/odO2wnKJYBXSUEg\r\n7G815pcnR26ULdutVTSAykv7q92Gzitip9a/gWE6QB09Oe4mm4soeNF1hSYo\r\nN9bEFrnVLavBN9LCmZF2TCIOMi5oiO5Vx2Fx0QE/N6NRlXHU6ANf9GBoW5OZ\r\nJF3yXg9UENKPvdrMPUxFMZVdM1RiempoZsIMpzft73ZJ/qRqI5t5LQrW/eRj\r\nLNIW3ALmIeLv+XwwYkqkYItBTIRWV3ruh7xbXq9oD38qPw5VIngez+VQ17i8\r\n/CA9wrdc0tof6T86rEmLv37fz5QXrs57u0fMkmIOl555fbCcFhjS55ZUsKf4\r\nsESEsehIx4O1872In2p+Tl1c0HEmvTi+vSDi4Bu77RrT1IwgebpBDhS2K1Qz\r\ngUztRErlv/YHocoGAmgVANDgpOrJDF1OyL2CchN3LThl44VzmVWEnPmROB3W\r\nejwXeifxHB7JTcNQaYXDfO9ABOa+kIu2Z+h2COPqzEvwCPdZPCyFcQAQEgs7\r\nJ2pef/r0RukoWZchMRFDn8JQuwnyV038JprcU+FtEzQZzq2/YjLjuEgc/y56\r\nMe0woBw5M93P0TqGuTzSEYxICKcNa5CRDfEBFao75scPSF2N611n04BLab82\r\nqVF6riW43NK7Tf7cTKH7TdWMTF0DFWTbxag=\r\n=72Ia\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIB4m1CQbLQinNFpLyKx4/nCqqD2cz+x3Q8QedL6hl0/xAiBVtVZ3QXyB8kn9ceFlsK5xjTD6sf3zMt5UCSNDG6yQ3w=="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.253_1646277436559_0.21841358791848142"},"_hasShrinkwrap":false},"1.1.0-beta.254":{"name":"@spaceone/design-system","version":"1.1.0-beta.254","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","draggable-helper":"^6.0.5","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","helper-js":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^7.0.2","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-functions":"^2.0.6","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","node-sass":"^7.0.0","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"62955c775c44b86ecc99ee5f6ab373e0da933cdc","_id":"@spaceone/design-system@1.1.0-beta.254","_nodeVersion":"16.14.0","_npmVersion":"7.12.1","dist":{"integrity":"sha512-yqXYWD10oFs0nf1WfXuBhwNuetgxqH8WDdfT+f2siZGfHQIXNqtDOg4o8Jr+b3fB24KuPQJZqdJIT/JcxLMIFg==","shasum":"b3e720e88042002415b7b150d24b8be9d8aaa41b","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.254.tgz","fileCount":1253,"unpackedSize":61928969,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiIF4YACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo5Xg/9EKpF7mTFuZd/d7p2znbn82/utqMUZr7IezG429A7D7NYKn9U\r\n/aV0zmDWp3q6Vqw74XF8/A0UCW04X87cucvdsSFgGB9P1ccXycnuyugvHmyo\r\nOeI/HoRUKHbIeVXc3zXtd6Qyw/PkfRCq707CO66zWzuilT7EbKcp/USEvCsL\r\nLQF8UpffI94r8Hs9AHBOOXhgj5BcP3zk0KhXD7mbcfq1ag/cL8gfozXiAmLn\r\nUvfplnsLpnpHErpUffEb7JT2MhsQMHSzKLdLI3s8o79Mr/umA2uPUJecNUbZ\r\nQ6nbgehfD43di0aWzKNHqnfEbYVbV1AQDWUNEr3TlcQunxpifiWp5PDVVPb2\r\nEg8UHMmJcygAqKyYpmnTpZtAKNLQnHIfwiJsasreHKIZaSp955fs0crin5kE\r\n5Qp8iUTN82eNM+gSwYAH22NU6Lq1ZtFgJqx8m+OtMBly67/EK098Kp9QYNnM\r\nanMEAOfDe9MJb0v7tlFFU0wfJneXSfw0AJmK+uU8sTwmgODrCcGhOAGyCJeR\r\nmkkC1ejIcPwNEdfSwqz5g/WeOumMTHUdz7LoG5xaRlxXvOA0rw/L5DE3Y/lZ\r\nltzIYIWTHqVmNDy8wq9CR0Te9YsdG9A7RtWV0iGbdHI3IiKSlDmToidNbSHz\r\nMvitr1qxrDRa/HbU5VnPeTz2EWO3T02zwJQ=\r\n=2LUu\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFSK23abf6YpmyoICQOGzpL0nopKk9Fjad3K4aHl6CS0AiBxmxm/Am6Mqe87LbGdHVv7qd+61aIqK65gFWMGyKUcsg=="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.254_1646288407484_0.5712346977662448"},"_hasShrinkwrap":false},"1.1.0-beta.255":{"name":"@spaceone/design-system","version":"1.1.0-beta.255","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","draggable-helper":"^6.0.5","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","helper-js":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^7.0.2","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-functions":"^2.0.6","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","node-sass":"^7.0.0","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"d13f2eeef276102aa68f4f7fe27f2b2686e978ad","_id":"@spaceone/design-system@1.1.0-beta.255","_nodeVersion":"16.14.0","_npmVersion":"7.12.1","dist":{"integrity":"sha512-2xJzqA9Htm8/RICOg9RagbATiYtm8j6+VjvjwfwjwAhyJ0ciajkzGD269XrwsiGKdRUx5/mC5ZtO+oD9KcB1Hw==","shasum":"731d8c96e8328c27792a4d14938c9348ede0c40b","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.255.tgz","fileCount":1253,"unpackedSize":61928918,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiIG3yACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmow7w/8D6Tj2JVpFkzyr6PBap25yQG5Uj8odLITtFCK0N7KCpU7NGij\r\nTVzsPBculyF30HdGIX6Il2B07FgqqJsWQBaeZ62Bir4cU499QStEjB/E77N8\r\nPtvlmVwHXv0fhHd/KtQMjL4CagpxxgxAoQQb7rlggjkV3IMAIm+VoEC7Hj70\r\nOFmFDlHaX/pGaJI1b2HNoOeK3xVW/ngsMW6tHyQ33Jx5nMGnwsHxZCzJMiBD\r\nJ8LaKeD7gXLtfxna/8kgL4ts68/2rTSGfWAHtBFm9BNAe3YFW6r21u5S0cgY\r\nmwVftESwO8Uska5eHICJYEsacEBNScD4rKUk/bKdF+Hy4bhmVVZDhfYdicVp\r\nf3QXGRpG3cfDd2GNKV5W8SsZ2gZ+/Bj12KR7aQw1il73KzdduPmcjBh9E5c2\r\n81rAWNr7xGy/9mwKVqZfLHhUG+BPcl8mwTvNqU8bbLWuntZSPVMrda6NGMrB\r\nExYhn8FizAF8DL81OugPbop88BL2lW7BK1meoUVYenWHdv5/eS4M1g//E3J8\r\npjte7f0MO2fZZUZZy2TuQTN2jj0w17J9rI8G6TM4JFvj3eaFAbhMsWgFsb4C\r\n0zvZp8P/3kFm/+0QX8/FcnsMFc+RvB+pZr3/hxzixywld5XGBxbrPBW7Zp8m\r\nqRjNEuxdagli8a8fzhTEt9es/L+LKYCV5P4=\r\n=D6ZB\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCJ9l5rpi6F6bthoOnrovQu0HIAXoyAu1eoxEvxdVOAiAIgF1HSrHwgBOTEfiS01ONzCmqBhFRxwNj1aKIAzDrU8JY="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.255_1646292466395_0.5322563741296094"},"_hasShrinkwrap":false},"1.1.0-beta.256":{"name":"@spaceone/design-system","version":"1.1.0-beta.256","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","draggable-helper":"^6.0.5","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","helper-js":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^7.0.2","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-functions":"^2.0.6","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","node-sass":"^7.0.0","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"c4022344adf329fc609f7e047627629e40c4a2ae","_id":"@spaceone/design-system@1.1.0-beta.256","_nodeVersion":"16.14.0","_npmVersion":"7.12.1","dist":{"integrity":"sha512-NCZrRetTuYpJVJFA+aH9qyeW5IY7tpmHD78dfwkwmxVIGJBuLPiT+I1o7wRjUTyljhkkBlc449/xncosuwKMnQ==","shasum":"044167d04d69f8ff53dbfc911fd13938ee4fb6be","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.256.tgz","fileCount":1253,"unpackedSize":61936292,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiIJKUACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrUdg/9Htxpju1TeGU6w7m07JoE1FdpYdbJ+UGEBjDKwRCOzLpBO6uj\r\nRTIDohYZM1ymdciDH3ShKTD0ht/eYqjWKcu/fWQc6PkADeeZHVdpQ6txcwWX\r\n7CFqGNb/o+DsS2TlZVbKHnOZUeGqd3oJLxN+f7jOlyi09XGs+kqtgfYbM8c6\r\nw5nGZZHJOFHfui+7Wyi2ltv1lNQGg9tOE54GhlQ4MvbTErjIRpQZEpzK5Pus\r\nG4U8+NbF/puAw4MCoSizf8TeeHzznHY/w3dK2aXXQzeu+j11WOaVXd7+k3ut\r\nGg+noXIqt9HtmR+DCBiS1hIJIApg2Hwb6hdzGVlLxMMewDHdwCNk4gag4LrA\r\n3HFwpZCSCtt7NhiugZqRdOyIco9DUySuxTch47fAmp9WSjtGLibkWDlkGiJj\r\nhUrQTXgeGH0aqB6wmW0p/1HnVmwBqt4f/F2qM90tYP2NMP4Uk61Mk7CTpbY8\r\nbhHD1T7FDdl9zshZUtkiwf51T5nKRm8SROy60sAOr6zGPwqZSEErsXUuDr1m\r\nnvpnSRpxewh3r8CviYN/4+nY5Yvdjz0vvirWOomqJZ/gByw1rKdfhEih2jT9\r\nTQt3CZCb2jEewTED6WNgdy74voDnB/QIq55LfsCGm6CXXE5mWIwGFkbIneLb\r\nnicNdKPtr9jJGZgPuVYwmnYHWO+TQYQyLv4=\r\n=oSSx\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC8s9WEg6afOszA4jW+H+/g//oWQmwtO0L87LgwhfRQ0QIgDmACNSlU+CVhWWM1tHxuF0QNEGqTRJq66QakDzDd0m0="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.256_1646301843911_0.9052431246000161"},"_hasShrinkwrap":false},"1.1.0-beta.257":{"name":"@spaceone/design-system","version":"1.1.0-beta.257","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","draggable-helper":"^6.0.5","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","helper-js":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^7.0.2","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-functions":"^2.0.6","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","node-sass":"^7.0.0","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"da4b5f27d25f1398b9bcb3c627a69828f1d21e1f","_id":"@spaceone/design-system@1.1.0-beta.257","_nodeVersion":"16.14.0","_npmVersion":"7.12.1","dist":{"integrity":"sha512-pPG9MUGZRZflluUrhOwjxOHidZPpgRH1TxiHufmGjmvrGdlNFEPLRBqlirvzBMYnmybKeHorsyku14yikTFOvA==","shasum":"2697c4ae883ad94d0356fb000a2bc05a05d2886c","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.257.tgz","fileCount":1253,"unpackedSize":61937119,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiIaBPACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo0hA/9HPYCOXY14/7PhxGFFWb/03FxPzXf3ADHuqN6teuWkn3pfzdd\r\nGAL494ynQ1xHh2pKVweGfnbwoKXxv4fc7n0SMBh4bCx7lAEieiTO18pJhcW/\r\ndNZntDYKE5blHslPOrz7EtPY97c9WXjJs4iWcqmf3uQ5VPnK1c2zJvpv9wmu\r\nDhRnAeoJs4fiXyWYU+2dZS/Et3vlmxhNsextwSggQ0yUy2Po1QmwSQVVcGb7\r\nCF29SsPRhpl0GxPE4iyvu0WXCypsXRW1xfwLK5s9aaOYMo0b9Yc1g5iSfVfd\r\nVXDt6N+ToKxyPKKqFvgJnHGIHHXNpB74w2qv4BOeP1rqTG3VpipHKxEcaOB/\r\njWDdBaiEPraTcKTajAQVz6yj8ff2pgg3BtEInt/aflimLD11Lgo0xGTmEbZX\r\nIT+SKGEpgdBrRGS4ZrmdA/83lvP81Tg0amkzMd0QUDxiXHpa739UOMJXvCmx\r\ngpj66QN+djcA2KYkkbT+J8PxjpsggX5q7jwQeWwB6SJciqe+o6SWdM1p5vao\r\nPXcSMpGscpCNg3hDtu3MBfI5Q3T8Jx4gjqKx+I/gnXRgH1P9jneWwScjdfxT\r\nfLKwey3Fd0V2Rw8yYN7f2uAXxjlS5in2l4V+I90vnCb/dVJuvkg2qexZsJKW\r\nAyQEf9jSbAqWd2w8lp/SITUHzVUd7/b3bWI=\r\n=LYzJ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC7TOf+JbUSPPSUrxngN2q9hWOhS8tZPgw25LkKtaj0AgIhAIuCf4LxAgBG08QtD+aL2JKHC7KeFl7y7+IKiNc7iEbt"}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.257_1646370894758_0.864732635384738"},"_hasShrinkwrap":false},"1.1.0-beta.258":{"name":"@spaceone/design-system","version":"1.1.0-beta.258","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","draggable-helper":"^6.0.5","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","helper-js":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^7.0.2","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-functions":"^2.0.6","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","node-sass":"^7.0.0","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"981ef013592c5b94845ee22f33f024c6bf41e601","_id":"@spaceone/design-system@1.1.0-beta.258","_nodeVersion":"16.14.0","_npmVersion":"7.12.1","dist":{"integrity":"sha512-KT3nhFKJIqTU4YhQi+jXo4hq5jAVzWzlvk/R/f8DluS4yX7QfGSmTHfeJmywT2sgExwjqWDn3aJ1vf50L41QFQ==","shasum":"1512c8d0b3f96e701c32f11388864ae851b1c2fc","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.258.tgz","fileCount":1253,"unpackedSize":61931747,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiJbXZACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoT5w/+PG0JQk7kcrcMce1OPw+KFlgxojCSRH8Uasj6WD27hAPFF8rV\r\n2PGuI/i0moYDT1UtpiA026W/wkeNBjtfGAH3gveIFb/SzV8NIVg0j4ueAkrZ\r\nA8EUJqGt7tyH9AsDoeX/KzVtfj6IvzhtEzMOyR3QI9grSiEeX8Y7MQjARe/I\r\nBbWfVxAsGfP/CXZEqV9hgTOS7l4l8wYJ7K9fQtfVPUVi/S4XPNcnBtT1JFXe\r\nunJb/L9JGPRlC+M+1ug6EJhGdd4HKybQ1PeFhnYYAmcQhbAViYEOKaEFJJHn\r\n4mFGoMWf4WNRSRK016sZ3+scD4OCQjgHhUqXf/c3dSisJ2snF9MBmX1CC2cJ\r\nYPnrBdA1jJfB1FLLN4jyhSWbNXj1nKy8DjwMH4G5+oZZ7BQBswmQORL2TBGA\r\nJFxBtvDUDBog16o2eZxMIkqjtGhW0B125ZagRNCFHUTSUwCtGb9y/t7zO7kp\r\nWTZbB0vLwN2t+ZnmY/Az3ZCXEg2wfrZFZZLja6xq045vdM4MmziV2NqoFOcF\r\nKt9hkyNUCk3ocyCSQntnPsNCTN+XvcdpPwPJ3arsGvXt3xqMU/nrV9ZrDo8q\r\n02BrwWqLHERMWzBErEnu3JLZksPI9Ngoi/8ZHd8lAyelq8x3GOtxUppPONw5\r\nSlEGtXr6oxP5J00jDRmOuRANEc7ayLblO5Q=\r\n=LaJ8\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGlNA4a6GHyK0+JhgiqSg7/XU9XKs7HnbdxcDMtlE+goAiEAhDNJN5h9NyUSQCb3+Bm0d8x+ETaw/XMkyhgHLYfr+8g="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.258_1646638552933_0.26633546612657266"},"_hasShrinkwrap":false},"1.1.0-beta.259":{"name":"@spaceone/design-system","version":"1.1.0-beta.259","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","draggable-helper":"^6.0.5","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","helper-js":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^7.0.2","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-functions":"^2.0.6","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","node-sass":"^7.0.0","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"6a0d89c880e3415cd8ae8109fdc63d641883f2fa","_id":"@spaceone/design-system@1.1.0-beta.259","_nodeVersion":"16.14.0","_npmVersion":"7.12.1","dist":{"integrity":"sha512-LSl8zIts0Iz1izsWqvCaP2n6ZA3Q6s5LOP3qKzvNp3T5Xjio16XnIkM1Tp/OTvzOB5wCcCcGVzrS/OViEjDBiw==","shasum":"8f3bddc1c8e85c4b3eb0578d2be8f86bc098090e","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.259.tgz","fileCount":1253,"unpackedSize":61936629,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiJd9QACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpQvg//QFjz5u1WO1UH8cKYHJJ57YoQEPnLAJ5nhYv7JMOgpRhwTlJs\r\nVR5k8LYKnBmqFRfmSdmVM9/XwhVyVS8rRNyBz+LL21m2xf8QhNeCXWyDZVpr\r\nngMEhsFbooAo2vzk/IUyvCU8GmLyy5aCByDGc+mTKm6wmLQUDsSMcAIKX1LA\r\nMJZR5CD3fhngSRB1FEHfH/n2bd4UD//QRiS2fPxx2inSwcLepVrdGPTP777L\r\npteWcJQalo7uVRn48GBQyUCyIsRMQKyrvuLZ3YRzgt3EQU44r4Fe4oo5Lr0w\r\nacMZrCOrsyDPoNh+syZQBatLHfTiKjMv8iyRBPJ1bDnZjdNRJOOsU/ubxZmr\r\npvzJnCJwTaLxqLuMrkjYxq7xDeAmqIgG8Z3PR6iVmYcTUaOGCW0n62kLVNuA\r\nN1N7yddtM1boy76i5mogTs1QiMnhGNQMJpd8UWIlaL57SZBgMHLtz7STn7BJ\r\n1NWKCM6mlRXI5Z9YFdB60le8jo1bk7aDVr3/DhfyCfkU3CAqu93ol9vULo7T\r\nEwP6XsZKy0Qt8qpSAcMi1Dl8duvKNkCR8q2u/MD7TvDRj6fnZwEH+q7O+N3x\r\nEqUcraEgbtxbGWXaR8lC8WiBeJOQDhOaiUkTlpgmrmj8E4JgC30/uxX/XAap\r\niXnbegclUF/6UP42L7awwpOaGN6msP/Q+Do=\r\n=5Cew\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDxQVvo9V82P9zxFhmFK61frkWxNWv/ZMx1imFabBl01QIgEfafOYbQ3CkT9ojHkE8oKgVqMW5Tz+DtiBYvAKcUv6k="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.259_1646649167765_0.5149787411683402"},"_hasShrinkwrap":false},"1.1.0-beta.260":{"name":"@spaceone/design-system","version":"1.1.0-beta.260","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","draggable-helper":"^6.0.5","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","helper-js":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^7.0.2","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-functions":"^2.0.6","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","node-sass":"^7.0.0","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"62b6c73c56425beec60b34c9ee0d613a277fdc13","_id":"@spaceone/design-system@1.1.0-beta.260","_nodeVersion":"16.14.0","_npmVersion":"7.12.1","dist":{"integrity":"sha512-2D7GTJTRquFhB2dSVyezI2M5haUAcpBuQlj5yDL6Zk438Xx+51phHOPBLa4uxWzuQiKmGzvl3EvLr1fnFyHwvQ==","shasum":"93df6d771232763e17b8b746ce4984fe80cd0a88","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.260.tgz","fileCount":1255,"unpackedSize":61938969,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiKs8dACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqhqA//Q17/bXuGv+raXvcWGhUdGJru5Y59/zgSg3Z7dGA6SCRyuDrU\r\nfI61ArsHOmmjgivZ84kkZoIubBYYNS6dHacR5LWXRy4S3gQnIYLLTdt028eY\r\nQZwcn8DxpHA4mZe47mf3qLG2Y0+fZ5jqchgZ4qcLOwssV+fruDsBIXt5Ykfy\r\nz0rxDar6sWEgUFDhiaITNDgPv/ihvVo9bZY0LMWNbCEaHRg/IoncocxujhQd\r\nkHbun1ApK7crTUq5sIVdc2I3XE0Dmqxl3TyNVmrTZVZzAmH84R9XuhXFlgD9\r\nZtatUvO9V/2VOGvXPD7WmQGEhYuLNORKMTgG19WGBk+RIZpo6NJuM+mG+sr/\r\nfmX5xX8qJcWqF+EXAYxuXLvM94BY0Y8Cur1hqLrRxJ27KxuEE4CkkR1Kpn5c\r\n6Fu8Cgmcxl5Yb0hJ/qGl9iGyWqhcJ9I1p9n0QIqIEhB0e/qV0wR6gK4tR2s4\r\nMEvRUmk9Ul4yDbybBtemroxoUPLNuFwqujrHex4RDbAfEI5oqUuG8LiLOXKX\r\neGc8jDuxfRthWwRLqRaFG0//2vLyAJGbKeiYXyQI2VdMjKFTT+/CVXa/4HX3\r\nnFuXQGJVt0PjgeUo4sgYk6yNhCkYbOj+xdzpURrNY/H4BFO05+ZiNHpvVNS/\r\njIINAB7f2yvdfcBSeiojyAjrnsrH0Efw1is=\r\n=fXio\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDixmBYLDre+9PhbLvpq1TAfuMkdMl+Xt/iuGmNU33geQIhAJv1CIojS0h3Z3asnVVKkUw1PJENPjfaASPJtA4hEuJe"}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.260_1646972700638_0.47063985261592833"},"_hasShrinkwrap":false},"1.1.0-beta.261":{"name":"@spaceone/design-system","version":"1.1.0-beta.261","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@juggle/resize-observer":"^3.3.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","draggable-helper":"^6.0.5","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","helper-js":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^7.0.2","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-functions":"^2.0.6","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.1.2","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","node-sass":"^7.0.0","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"fa0779e20d23b7c3b15bd92d9aedda6fc18112c0","_id":"@spaceone/design-system@1.1.0-beta.261","_nodeVersion":"16.14.0","_npmVersion":"7.12.1","dist":{"integrity":"sha512-zNAUYRmvY4eCcZh2KaEnx+6Ejld1EK2LL3yY3HA252I/kzxZjsWltszDjjMF6f2zx2D14XHpAyhSUoVeRi8hPA==","shasum":"a72465e15952c2771e43f0736ce6fe85838a647d","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.261.tgz","fileCount":1255,"unpackedSize":61992282,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiKtkOACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq38Q//eq7a9OBTXglM1vAUDajOB9o5KYSOOQAj4dTTy5R9r8uYZvD7\r\nzS7sWFGrEn3cmn7sV+SvJky0bTY8hPgrAvHtgEd4JjFbqXD5zYmsmig+JZM2\r\nTaY4Cmtn6rNXMa1B2kM2lwFqMUwyfyySSF5ZwoKjqbZbPrPcnBcUq9407OBL\r\ncOt5NiwJgNuoW56vVGQs6q1+ybGyXb1vfMyVsvi+19PlaJqIJySnJlnz1UZe\r\neiQx47Raupp0pp1Z+ThS/d5qC/RLMuBKZIzhas1rZykF7M2l8fAD1ERvpsF2\r\n047n33GDmBRb8EbHpzAb2dATRP2S9K1fTR1lM5bELS71bfVRJYgydenH2LjA\r\nqV+xMNCVQRrUuwva8huJt6phKrx59Lba56ddCIFlMxmWnSJthRNIxDReqBzH\r\nc7L7cPJWJgJQJjH5Ar9MOD5Ebc8dSVVu5HXyQbmJhdk8fDRwiBP3hkeua2Bg\r\ndA3l958+g7aabTIkqNB3OCpeK0gKm9n9MnbgH3X85tgZyfG5PVFF8k/95dGP\r\noL7NS86/9f40xRo7InScaFfHHE9kV+doy+1r/ZY6JL+FXYSdEqSNqCexS7Cs\r\nFMKg0HTpbhKk+BWWA38H0RBWxe1gzdCzNtgoW6LjUTH5ikn0RUab9gFoOtPX\r\nZFNe2lkhJ55cujkZRrqLOkHkYK60nEqahLw=\r\n=LGPg\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDwQvW8XpOtB4no3t5DxIbTSdsjfpUEVmf657OyPjpC/gIhAM5Hi9w0s/yq5MJE1lY2fUU85a8lCI2WGzEav8nohZ/T"}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.261_1646975246405_0.8133425100449205"},"_hasShrinkwrap":false},"1.1.0-beta.262":{"name":"@spaceone/design-system","version":"1.1.0-beta.262","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@juggle/resize-observer":"^3.3.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","draggable-helper":"^6.0.5","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","helper-js":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^7.0.2","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-functions":"^2.0.6","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.5.15","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","node-sass":"^7.0.0","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"a3ec8cc12d377f018ddde257bfaa4b4e7005ba9b","_id":"@spaceone/design-system@1.1.0-beta.262","_nodeVersion":"16.14.0","_npmVersion":"7.12.1","dist":{"integrity":"sha512-qCTgitPLW3BLOoDTiaYaHf+lIFLn5dW9Qw7W3jA003HgEJi+mpWZ+wj03SfGNh+4aRcuixPknSFk2RuYSf6l8g==","shasum":"4f5d112184d66bfc728565f6fae798298dc86292","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.262.tgz","fileCount":1255,"unpackedSize":61991565,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiLC1SACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoREw//eJleUPIP933T/7p1bB5r412/YiC7MWSzpGfAbed9lg3UPjiG\r\noXNAn++br+bRyaIV8UryFxLZAY6M+lpbWAGAoGfrGKHfdwB6xemRuN+NxudO\r\nR9x1S2QBrN0WIiqtDQ9KUSJvpJIomXKaGMFMr7s/i/bhXxN/QKwY9J4zM3G/\r\njvJKs65x3mawdV8k6cszrgvEPhwY4wvSZDkYcmyNMbZnKich0tp7ePG/Il8h\r\nsLK2Kzs2hXDGnfJJYtNDaWzzny9uQ881uS/NP2EVMZXr/gNPKYAv/AHmZu2P\r\nSDQHsN1v9Hxw5t1g7XNx3oZTNIq0OOAsEbb3t4Sd4L7Zf5QmJmexwxedhTzC\r\n4PQaMkd5qsNMSQD6/3hgJzzdijtbhOMRNeTzdifGxJhFSctMNTNFmDK/Jgzt\r\ntIv5ZyhrGcV6tdNAk5B4HaXpPOchMc1qfeiOx8gY6sQuZwO+RC6m+YhTFKKe\r\nkK31IbQfXEx40AIadg2qRsgYXbvQN5+J3aZxxUEzpkkQsJuJNPkEpgcg0gEa\r\nq8lK3D3edlfa3Ce8ZiCaw0AAyrvHlVugCjB3evlXF1h+4bpv86osqcAecz/2\r\nm0ajB7ypLxShI/L0pCPcJLMOlSZZyj8DBla2YMD4SbTVqDolPBAgOgZxAeQJ\r\nwCz69dJzFJSQKn4vvtG85cIFCITwlYMYuGc=\r\n=pDac\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHHZ4RoSDMMy1vjYZx5OXkee3uB+ijgw8VUm1KutuxP1AiAv2TavIph6+uAxSH3oK6HJoKZwYBznsYR5GWmBeWUx2g=="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.262_1647062354156_0.11249092541650696"},"_hasShrinkwrap":false},"1.1.0-beta.263":{"name":"@spaceone/design-system","version":"1.1.0-beta.263","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@juggle/resize-observer":"^3.3.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","draggable-helper":"^6.0.5","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","helper-js":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^7.0.2","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-functions":"^2.0.6","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.5.15","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","node-sass":"^7.0.0","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"4ff779fa37cda7f4e69143db4d3951752b162500","_id":"@spaceone/design-system@1.1.0-beta.263","_nodeVersion":"16.14.0","_npmVersion":"7.12.1","dist":{"integrity":"sha512-OxmsFP9RvXW4aoNlEv4AewlIhJ7l04rCye9nCx/G5O/K80IhRvX0HYqAFlaErHgmoyeABzup/a/sm0JeJrQX6Q==","shasum":"263ef396ffff7eb745032c80459179a48d61c6b9","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.263.tgz","fileCount":1255,"unpackedSize":61993608,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiLpa+ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrSURAAkHcn/iqBrz3BGEHk20QbxLhYtUT7P979ur1JzIS0K0e2z3Fv\r\npheSMmGVGR0xRcIykX6dnGOW6Szu1rHNoyr524OgDDS+b9ArqqdX8czOnQXo\r\n286TvVRy8phjtGWdM+gZpXyUDHWXDQEQOYSv+xkj9aXlgck/KyFVC7wuf0uB\r\n8XbA5qw5wJRd0t1nqdb6iEvyZ4wJVb4JfVXgJHkmTClN8W/e75fGwa9e/UHy\r\nUo4P5BTLbWwgqZA+OUXfnrgNlDaJXKtK5KfI53JD905D+LK3fGUvMZOnNakU\r\nDrj7LI9blDu7PnN1MwO0MO/SQCDcq0P6gdpsZEpEOygx4/DMWY9CMJkPzqgj\r\nG8HpN6zwA2yHyPrFAEGL4Dnmt3277PDt8GzFgLqkKP+UcUieQ+MIBTB+7VJm\r\nLKAYuCNDU9qhS/ncrDy+/Stox8mKdWsS5ZnaF36v7rla5ENLlod3kb0/Msbz\r\nYvzIMHDYBAvKc9V+Rj9Zq5WcvkAZxLUPBgMOadaYwomgOThKKRqQl4OtwoDb\r\ntwRqCAHVzdjdB/qHNeyi0DcQ/XDvS5qxebsM6PuYy+Z61gQ4pEVYXDuOR666\r\nMfwIHl/T404KZJQeVV/oBHbQddA2THQQg3lzhtz4qQHvYy6ueiZHaOepqKUU\r\nfy5UrILlGW967/8EBujeCr81Atb3R7QVv4Y=\r\n=x8e7\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEEwTOnt3qkV1ybKz6d7kelbYvqgyb2vsF1zP9fQNQsjAiEAqj5tNr+3M9j+babby/13wpMS1nIDOHhlw7ZUBIgYVpY="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.263_1647220414364_0.18135763128853988"},"_hasShrinkwrap":false},"1.1.0-beta.264":{"name":"@spaceone/design-system","version":"1.1.0-beta.264","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@juggle/resize-observer":"^3.3.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","draggable-helper":"^6.0.5","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","helper-js":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-functions":"^2.0.6","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.5.15","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","node-sass":"^7.0.0","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"aa07bad53dd52b9085d06b80c92955ee1521b67f","_id":"@spaceone/design-system@1.1.0-beta.264","_nodeVersion":"16.14.0","_npmVersion":"7.12.1","dist":{"integrity":"sha512-Fr2o1As7zx3i+UZdDQ5fcvXX4x6jaIzRqO3YYKSp/GAVeTw+ctKj4HuhFw85js+eBns2K8SqkfW1YhdvcNkeiQ==","shasum":"5e8141ba07fed0addf6e28ae189dc98a92a8ee47","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.264.tgz","fileCount":1255,"unpackedSize":61993608,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiLu5gACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq8zQ//bmmTCCj+iILkpgLF1tpHVIyVgBOHS1azXuJT8HGLYiTjJRdE\r\nEywgkuotcWmlwCIMAoLSEJE50NlBRhQ+GWpqxfQk7lV27UiNsXx4hcUpR3Pt\r\nNnL2/gve9KBhT6XgqTr7a0YYO8T/1Rz7MgRKOFKDKNvTqkO7qhgy2cr85NO2\r\nNtMw2eDDhHKFc9JWocy+8AptSR7R9FojXccux9IRipQGJ0oNCbNaMfntXqU+\r\nU4ZrKmf4ZZwRp1igxNW1T+VroOy5BRGc/FN1hOtaaIQmdeAwb3ZXja6BZLqr\r\nprdnnTq4Fzk/HDRlCtWMuNuBRIajyfebK9hSSW9jsW5qpF8dtfgkHBbqVQON\r\nb+OFIrJ1PYyPMJHmks8t3KlMoMNLyUBwKLCpBmeH4M8aatbeLF6F5ADmquXS\r\n53RSKL3uZu7NeIuVxAJ1Gqd7FiYn5pBM60Dh6nVdPDzfZq4eGHhRqanvKNWb\r\nMlU90vZTMgb3RHffMvDbX9OFnACtouJ7RsIWawxA7hlBYzX9MK3za6PiQODi\r\n+FTC5FmycJP1ruA/QneguK49FoGhigwHEvWzFSGI5uC+W23hUxVCAh7537TL\r\nHkq1VJ1tJ7V9X3/ZAZzfJTlPWTAHXnFoaCeq9aFZMWJehURbVe0FM3RWtzt4\r\ndWtZe4KwAirZJnVSBn2SkK9k/RbjYbLNgV4=\r\n=9Y24\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIF7kwmUdkYSe4z4QMOmAGgKqhRBCM8WRd5gl1ZNJv8lkAiEAsmPC5Cnj0U+SPuApO3dOK1pUXY1+o2BCHV2Cpgal0oI="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.264_1647242847761_0.9161318248991448"},"_hasShrinkwrap":false},"1.1.0-beta.265":{"name":"@spaceone/design-system","version":"1.1.0-beta.265","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@juggle/resize-observer":"^3.3.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","draggable-helper":"^6.0.5","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","helper-js":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-functions":"^2.0.6","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.5.15","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","node-sass":"^7.0.0","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"07db94d9b4a69ab5f0099fe99d3eeba4b14c4719","_id":"@spaceone/design-system@1.1.0-beta.265","_nodeVersion":"16.14.0","_npmVersion":"7.12.1","dist":{"integrity":"sha512-pedBIYawCvTDFIkLGT6aTMpwpzY7FUCCkNz5r1ZhE7DyuMHVajMCpx6L3Cwlbfchde1RdcLjanslTbWLWzU0Vg==","shasum":"0853b317508518bc9de69330312a80455d0909b1","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.265.tgz","fileCount":1255,"unpackedSize":61993686,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiM84PACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrlag//WNcEsKm379h9rNIHJFPbH9FjSt4uV/P2ycnw0zQhRzJvMnB2\r\nzY9Ggour2KrQ34oMCMf9g72i0gNtnckkwPcI8pofbtx/wViXGB+834qt3NPy\r\nAMsd2z8F+unuv54PAhkvxjkvU9TwwQBiex64TCcONC/RxIXHFOAX0hIcAaJv\r\nzQxBUxog2/3Lx/mbdovmY5zAViw2YZxU51YES0PpMO3b5kdt+7Hl+zzS1sgF\r\nqx43x0Dq7sgs5Y2Hb7bJwaLC0KDnB0lRO5VCIFSvGt063g4YLOKr4UVris/R\r\nCko5ixKGF+0sY1T+pQUmylmZ6cYjOTkspzMG1B5FyAhEdpul1tozCyfToLzJ\r\nBIkOKqosjEG5/jAX61H/wa/U3AkeQ329lErazwKNnKEcC3yuCeaOlXc9lAW/\r\nBv0cwPzeWVDjGUFmJC4HLD1zFmMm+HKMIAyclRmsBmLlfWZgqebSS4WIQi4s\r\nFfTEGnmQrWXNO8c0eCfARczmsIQZoLuIkWe5PgVciZiGTjFdodLo4D18Q/OP\r\nG7Mu4MdGxW5fV7V1DQ0GttZVT2koQ3KjhxoR++9XWipWHNfTTI5Ty8UlL/1R\r\npSDScb7i19pdZ5T6HkBkWgNPxeeo1oPqj9rVokk7kTgGBfv4Cj7BylIilg+Z\r\nlwD7oU2L6qzgHXLEmKmNcXlaEnCLl1UniN4=\r\n=li1H\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCJBX8Tfg2WaxWLQAE366KU+D6NKroWRjgr5aVXbJVcyAIgPMBVpJDzxDNVB3WILzw6p8x+g6gKrNDDWGY7jiN19ZQ="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.265_1647562254764_0.5595317410784144"},"_hasShrinkwrap":false},"1.1.0-beta.266":{"name":"@spaceone/design-system","version":"1.1.0-beta.266","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@juggle/resize-observer":"^3.3.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","draggable-helper":"^6.0.5","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","helper-js":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-functions":"^2.0.6","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.5.15","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","node-sass":"^7.0.0","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"c1a1f59a583a49aba68275f4a80c7e6d41847f82","_id":"@spaceone/design-system@1.1.0-beta.266","_nodeVersion":"16.14.0","_npmVersion":"7.12.1","dist":{"integrity":"sha512-4zAFVG/PENe3JoifeoSUtACKdSwVX6gZLaX0LDR8vC1ORDzK0HH8Tf48hH0krOXUpuYH4jLWcvjruTYiSSsoYQ==","shasum":"232110008f60f1bf309fb40d937a5a62b451ea27","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.266.tgz","fileCount":1255,"unpackedSize":61995120,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiN+jFACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpx0g/+JAP8Ir/53N2KPfZ+OVaS9w5lWTmusn7sel4MsUMCsMmVMrdp\r\nK/SDFEGxTXdfYCZq5+kIOQTXPNF42VymggpyRYPWiFpReggU72MrUmeGCBwv\r\nPC5z9dcjtcJ3IDNYV0oWfrjOvPzPHwzxV+2UMR4evM/h+xbOluVMrvNVDMJK\r\nFVWdiK9IMCMmnGk2sdGP+XS59ycY/BxPKFi/lXvXpYbp4ucDKyMPYoSdxo4n\r\nwGRYE0/qZoGr+D/pGtnxBdTx7UIhjqrp5drS8lxhVbl+IxLVKGRw/xQ3pNWY\r\ncmQM/f6/WNS79SuOEmVXNPZT3/deJohwIfn6NAnbKIG5UfP7IlDbFapxsPGm\r\nbPfmlkW3cgXDIr0wnmodVwJu/8ikYuO02Wohhe0vSacJfcGnDe9CBGHuavQ1\r\nOu5bdgmbz9eC2AAqyoY02Pqpbh3xO8csJiHhNeBct0YG7BLEItyN18vHasqq\r\nBordjKEfGurLygfhKtT8k6EG5xrbY6ypamwgXI2rrYLs2M6qx4PiAmgC52LY\r\nmd20txPNQxmOFiyZBQix1SCGgSM+ykLv6QGehIxQpm2T7skWscM7ALaTeHu2\r\nuCW6LcdAKKkEJm0QK2OTyYadKTHCbuE0e/6ehxZPX3zD2O8buwuT2E+wAtk7\r\n6WxaXWiGpyCgGtoRfuZzma6YEicl7Sx7JXc=\r\n=7U0Q\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCuvHtc7C2HWX3vTraLQ5bsTWCJ0wH5Cxh9jDQW/mma6QIhAPC9t4QJiKUz1gvpo99+ZuUYKgalbbL4opiEZGKtYR7P"}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.266_1647831236525_0.8436329192822021"},"_hasShrinkwrap":false},"1.1.0-beta.267":{"name":"@spaceone/design-system","version":"1.1.0-beta.267","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@juggle/resize-observer":"^3.3.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","draggable-helper":"^6.0.5","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","helper-js":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-functions":"^2.0.6","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.5.15","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","node-sass":"^7.0.0","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"418c73b7ce30f551b9c890de698d0a22072c621b","_id":"@spaceone/design-system@1.1.0-beta.267","_nodeVersion":"16.14.0","_npmVersion":"7.12.1","dist":{"integrity":"sha512-fMrbW3csSRYWNjpSGuYXyKQCFjoMQICxJBePgApNcGxs+ELxyahFITVeDhi65rl0tx76qLQeg71J/S2IliFvoQ==","shasum":"78604d124a7827f727ca8b405e6c210657ebd364","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.267.tgz","fileCount":1255,"unpackedSize":61996905,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiOCwUACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqqpA//X3La6P7JW1c6HE4z16QwQ0drTJP6poHrbxqahGgvDdc0rNj6\r\nTXLrPounK9YE8BSMkiHp8MYA1p+sGxLiHRzFDwKvPYchSRyKB36yB5Ti6fG2\r\nMxdnMUEVxIREbECltI8vvofSYxBmcYlmCA6hiZNFhxVa61d9p3v069zpgPRn\r\nZxPPxtPuL8MO5lggIhbywSfvmks3t00m9giy/3yaQvej4GHNQEcYCujDAaX1\r\nQW9ehOjppamw2Fa2hdzWZX8VHGIZRJNPcMDIEd6HJs6zq9FIZv95PRhtHhGh\r\nBC1LaIsWqqtHOa/Tvwr/1wFuAoO17rpGvYuL0hypIHc/kjyzrkbKY6yljd26\r\n/WxJptZ5XBqm0Ck9CdklIxTxYq9AyyF+JSEBYSVF7HUXgXMZjB+OpfRdiwYm\r\nj2dpanVheQo80tS1zkgDhzUppZJTKK9DjuRBB+wQy8+R0BEl3tcgIp/vu9Gv\r\nidSDmj10VLuc8msUkFqNdRDyiLN5jmOyhm6JY/8vEhcXO8vEWApG1pTIOmYB\r\n/0ynXK/B2XKCRWByH7SggCzcmn9KTlEaAZAgFxTLc3YTDlWIpU7hm/TNZ1Rg\r\nAAcr1BG+MGn0QCyGwiA+ttUclKmgaYuFFV9Oww37LbgXAk4gqFKqCaPaBgbT\r\nNmLxLK1ZJv9BhGzKfA7SY1VoXrGn8Dkt86w=\r\n=seSg\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDAfux4duTuEc+RqI0o4qYGPkg1CwpxUKgA+hBgegoHpgIgZieIEBuLMWr6oDmX+NbMcCEXrR7ajFtBjEsOziUJSKM="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.267_1647848468484_0.9533942159510242"},"_hasShrinkwrap":false},"1.1.0-beta.268":{"name":"@spaceone/design-system","version":"1.1.0-beta.268","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@juggle/resize-observer":"^3.3.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","draggable-helper":"^6.0.5","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","helper-js":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-functions":"^2.0.6","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.5.15","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","node-sass":"^7.0.0","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"7a39020eb98e72a640852cd236f481e07661ed52","_id":"@spaceone/design-system@1.1.0-beta.268","_nodeVersion":"16.14.0","_npmVersion":"7.12.1","dist":{"integrity":"sha512-eVaHaGDkh+5qr/AdAtEWawi/VAkb1g1U/MQ95vvi82y2g2NqycpIe8ZMznt5VagOcLlfH3e5/JLyoVD9YyHX3w==","shasum":"90087c1a6536e3d55c26b9aa7be1190b64fd05cd","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.268.tgz","fileCount":1255,"unpackedSize":61996939,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiODb9ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpC4Q//fFqYVta3G4Q61/3TkcVFeK92oDWdFTBMkcjfLtQSUSMeBNCu\r\nMFHyrji/CB9YWHENf78bJ3Vwh+i79S7czQzy81Tf0XVoCS1xM8thkAJZWnsx\r\noShytIhfVEwJRka06uD9NvIX/iOGndrOfZ2CIloOWbWSI1PshpCwyfTRNkaY\r\nbaXflJRLW9FEmIgsr+EoGRvpArodJD/RGODO+C5/xkto1TTrgul22JiUsJ/a\r\nOGcEC2siINBE++dX0vTs5mf+i30d98RWm3+d05NIgP6t3o9hzkDrQsjYy4hb\r\nqm1GjDEGB1uk3dBD750w62EbfXC0N1qMvHsfjB2YDBe0g+fLUu187XjdHUv2\r\nWk8uiUbrkDzDttr6I8xVNZjqv/+pxwzHbw4+vAq1zruML+XJRwTZqh1lXsL3\r\n8GEsbAPOHwJE+/px2b0heSPoYT/o1tnwJ6JvRnzG7K0mvarGuOlT2T3bZPdT\r\nkn2ora1W3zJYdFgh2vcUYexHG+fCao3eHQN3ahoMiEd+tlW3qlIzfxCAfb4u\r\n6ok4r8+VFpluBsxb5oLhlbFMiJKjBmW57XKyeSyoJ1AGy8gzB0HQ8U+jbCHq\r\nkYx7L74ZohbFyZuONrgi4xIIxMA76qnkWYZtjsVil2tgO691Jt0+m/V+wkta\r\ngYdXqzxgJhJtIyMV8b5CdMmlm6+qf8HnzNE=\r\n=nMPB\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDjYZodIutLg3jZZqkBFWn/Hyt1Rw3M4pWSQiLugSObBwIhANdlRLMPBptLiAcF5fu08637Vrfv13BEIDdzTmlp1LXB"}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.268_1647851261258_0.4853480266177581"},"_hasShrinkwrap":false},"1.1.0-beta.269":{"name":"@spaceone/design-system","version":"1.1.0-beta.269","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@juggle/resize-observer":"^3.3.1","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","draggable-helper":"^6.0.5","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","helper-js":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-functions":"^2.0.6","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.5.15","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","node-sass":"^7.0.0","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"0a7a877fa6de833c5680357cbae9c49d51ffe820","_id":"@spaceone/design-system@1.1.0-beta.269","_nodeVersion":"16.14.0","_npmVersion":"7.12.1","dist":{"integrity":"sha512-/6k6eIN9qErwV6UYBGuzZIzDPpzi1cRscoVrsc7sfvEOWqRB9Y+zFaq1vJTtDuWaaH7D0Unj5COSynPHptQUtg==","shasum":"5745411b0dd64e2520879589266f0bd0c048f12b","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.269.tgz","fileCount":1257,"unpackedSize":61997689,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiOcI7ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoI9w//Qeh7iGwEoqkhELKLe4Kow+HmaaW1vq0+3vcTg2XEpc56xhgz\r\nZvj69jf9umUBpr3ssOWwEaR5LSO0RmK0zzyowfDZqK0vplyPOUlF+ZcMZUmy\r\nu1ANJdwYyaqR8jlKN5cggPEwtebZbNrsK1obR3osfqFOLlktpTFFWUJv7MPJ\r\nRlw2/Kg9ZaQwV19AxqAHzmsjlaPfV8d+iXkxlb4VLgQG9SMiVQZW6Z0Yas0w\r\nPnF/Ye0Kht3DMPOAcphsqHNM81mCc5/hoq9IA2WYysbBIHDHGguzHnvJx3Cr\r\nU6SPrhYt0aN1H+amv0CiXVqcEtFl05O7Ykwb/UxWo+f9QXYSffsENkCnSpPU\r\nmmZNdEmKVyNdLdpfsx23D/bgNtLW3OIamEZe6ecTVX5M7vAiCfL7NWck+8KR\r\nQMdL7toDD8hFpJWG5nIqCeBky7ojty6gYojZF83WsHYwXGOEuoizbrY4Si+M\r\ndV8zkMD9o5haY8jN9ydYX25/TS6eLjzqWKCjzp9gAkXqmvEAM1i6pSU8/05p\r\n5c+JhEf5EJ2VCTQYEZOL0mkm1FbAVl1sjBBg84Bwfb7VWWEfIbRCe7cwuiCH\r\n7l+8RHRIjecqgUIf9PZAQBXRX3acM0ooRNVzTtawdlxa8HkCow66AfyasUrc\r\nUfaHpi+ri6Pvq3BiCFFVjsKd9VYMJNkhKXw=\r\n=ORsR\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDkAr/l0uMV3dXB+fwRMgwk7jjEM/FzAYZQK0/ooMM69gIgEyzE0Jff2683T8GtlbSk2mww7qa0NIYDAmLyRQ0nlDg="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.269_1647952442960_0.0034586741845790137"},"_hasShrinkwrap":false},"1.1.0-beta.270":{"name":"@spaceone/design-system","version":"1.1.0-beta.270","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","draggable-helper":"^6.0.5","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","helper-js":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-functions":"^2.0.6","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.5.15","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","node-sass":"^7.0.0","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"235a5b89ff9b86195dce61794179afd72a958e93","_id":"@spaceone/design-system@1.1.0-beta.270","_nodeVersion":"16.14.0","_npmVersion":"7.12.1","dist":{"integrity":"sha512-4kjY1KZr5tEZdZN1ACDBVdyBng+N0AWqu/yAzWtX4z7X6vMBrFbq46CpsLI4ehrtnuvTyVQ+EnP8tLxFWMnkkQ==","shasum":"52aa7ba9a3cce65be911064bc8197a809ec030a0","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.270.tgz","fileCount":1264,"unpackedSize":62246284,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiOqfcACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmobzg//ab/4J0pYUuwfieMNm8kDYFHbrOJ95u46R5iegy72ABbOB6YJ\r\ntnu5yaS8XvpfcND14hxKzXYDzPO7XsFj4sc8PeqPDyolkvPTLxX75XUG4HS3\r\n1FKszBGmiZvlrxEYbydIlvKqy4ZNthCdvWUqG6Vf7S2YEXUqi85MnQcyIqAl\r\nnyNfJYaQgJTvsEuN3F+bz+CGGCusBLNbSA0Auq043mI69lHBx9+sOxo5Khjd\r\nBO/hKQFmIfglwh2kBaLug0Cw+vLcqyXLecRZMfzYaY+VBUJPFobOHVIWnmUU\r\nR2BKQtvom4nBO5JrJJ2aBVS8k5wls/ZMdvfjHK4wLcURgYQ14KYzr5sU9Vrs\r\n9g8ITo8VTK0Eyc3SBILZKz1hAJE4fsY9i1jil3xfldib5743qQnI79x/serd\r\ngscRDgHgsl6MiUpWRDWjbplu9K1x1aTwnevDVE92GBUdruOquEjZd8kRsQBQ\r\nvkuxzGQzMMn1SIUWyrNbMkPrD20EI4EgE2oCGS8sc5buMsYEdys56B7Lb+3/\r\nVkS0j+FjQZMKjP9RtYKmVh2xry9FWqX8rRDFde79tAJ2Al2+pqdbOUvKLLfN\r\nRB/LVmLXvBDDXmD6dFhtY+yd6o3Y+uYYgApLYWEbGYLJbB60jSyqJGo5oRp2\r\nGl9NmwTJ33UE8tTb8+IAYlYLPHM9TVx4Drk=\r\n=zkYq\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCSaBsFH2WtV78VfKaLIGLVAXa0PsXsGWjz5J65IasU/gIgQA35H9UOw4XYp4BNqWaKXb9QFQIHuj2n+uhMk4z6rko="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.270_1648011227545_0.19605789272445473"},"_hasShrinkwrap":false},"1.1.0-beta.271":{"name":"@spaceone/design-system","version":"1.1.0-beta.271","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","draggable-helper":"^6.0.5","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","helper-js":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-functions":"^2.0.6","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.5.15","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","node-sass":"^7.0.0","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"eb1b066bcfe0f48dde28bc63a5af9c7c68db564a","_id":"@spaceone/design-system@1.1.0-beta.271","_nodeVersion":"16.14.0","_npmVersion":"7.12.1","dist":{"integrity":"sha512-C8UyCvVlZpKkkY61AlXNswQMTCV22pMonRy/eKrvKf3dBwNnQ69PT9pWKW21bii2mrbSxKf/EhGA2p3Mht9RwQ==","shasum":"56dadf1838652faa061f829e31f85df08d415ca9","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.271.tgz","fileCount":1281,"unpackedSize":62310896,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiPVgLACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoftA//RVuzRfKU46DG2zivWcmKxw/aO2S9EkD6wk388T24XuumgaHW\r\n4irhCIlDtWRrKssxQsXteRSDN52ojDhTWv+bbO4mB00CkXa/6vqR5YsQfYwY\r\nyGpDybR33sgfIcceGw44IaM9poLIAkBlMuVtGh0SRFGTCO+NHJom0FwLJfL9\r\nlKNsIjgAsKxpghRLpRgVuIYcsYtBGuCpJScrMm4zoN23L5ihfMT56AjJcS5S\r\nCaLBNxnBMKb3lY3a0nkGIC3B4xGsdhGhKN3Bp1oJbG7HUyZDaJIr6S03sMCU\r\n5+p+/BHwN7Dezx754kjagG+B31k6iY/3vXcLXWniCI7PymGwg+Dy2cUZLEFa\r\nDucodcAdW1SYGyPdt/FjCwq+3JQlSUJPtMWE11RRcEDiHSqN21giOg8uQZQM\r\n3fNxqdnn7hp1om8hPogi2JH2gu3pOQKHIdSocCH64e6RTy++21H56l1lXI2C\r\nK+PzQ6PSAKkjEp19ucbvZcQPtHpDU10w2JDVLEIJvAD6TH9QcW4NGE/+JAMI\r\ny8XkR9knIGz3R5QxG/v21XFZSnrq2Qb3jqSBm9l12iC6IwiG8gJq81l9sSmA\r\nCFWd0oEfhX58mcr/YqAq7JbmxiriGVfMYhC7jjMm2ib/yNL4vTJqZXhlD70H\r\nMh2DbKhijQkgZASRaozJJe6o+9y61APvzIM=\r\n=V5yp\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICsXHYk9ygyaEjZQoUGDjw+VZxn3lylRJUB6RxrfLkKfAiEA6pU9MkcEzzRNbNIHKiulmclWUAKhEQ8/mdunNZreTlo="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.271_1648187403061_0.21711201341621766"},"_hasShrinkwrap":false},"1.1.0-beta.272":{"name":"@spaceone/design-system","version":"1.1.0-beta.272","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","draggable-helper":"^6.0.5","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","helper-js":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-functions":"^2.0.6","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.5.15","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","node-sass":"^7.0.0","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"336312067b44988cd3fb1db943f7246385249f10","_id":"@spaceone/design-system@1.1.0-beta.272","_nodeVersion":"16.14.0","_npmVersion":"7.12.1","dist":{"integrity":"sha512-QZ/trdPqc/a+d4COoIy8x4fYi8RWCEoQYgDd3Ng4+3BX5JZIjaHD06gr8SrATc2VKF/8kyQKmcHyZeXmFXkPqQ==","shasum":"235f50d19515caf2f41d4b61df9e5f8216767ce6","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.272.tgz","fileCount":1281,"unpackedSize":62312865,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiPfJ5ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpnCRAAmzxdlo47Nf6hGnZesr0e4V3iAouVtTqiiVsN+AsksfU1upKi\r\nCnJCE4DdEdDldaAXg8ozpqlnJukomNxotUFSZeaHstdktR+Z1jcnwp3Cjazp\r\ngMOSFa4VJymGCtpiXp8D6Qdwc0HNPaiNxyy/hd6KzJ1gL5L6mcNbySL4XP9I\r\nj/M7d0PzIFrAvirI0y4xEjIxFxc8j6Q4ZM+SNIam4mL1zlabhm6qGoA+zzr/\r\naChHw6bpR9aIsFVRuqEmgvydgbYEn5JAm6+PgLfSZAOrL/4EnpWle0l/WMNr\r\nueO9WXnqJq0KrEavfNLuilstwkmNvaGNvqP/WMWxMLLy44bR/vKjS1Jxlz/s\r\n07Z3ISJk0lk0GKiwJPkmNoDkJq8ST7xwDg9fbz5SA1X8oMyz8MFIZNXiK+gJ\r\ndvIcNZZFeK8PTAWoVLD/InwGW4j72dhCE3lUOxBu9f0cNJ2R8mjyTtFW1rXa\r\nLKoKDGfKU0yJwsVgpP3pa8EjP80/TUph7ztNA7lDE610afXt3r13z0+o4N6A\r\nWS6HC3hxOWOcAMp9aOl07uqRQ/hq5hpKMJ1TLktnbPz+nlKBHmRZei7xSK5S\r\nvWY2GdctINR9rj24z829tk9fPYhwgO+wZKbDoJ9+LLPbT8UPlP4tA+fBJC7H\r\nu7bbrERHmkEAHfkvmVnWMjJ8k7w9RV48cN8=\r\n=yejZ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBd7/0NBrXEV+KKyu+h1S3C/lXPtkbGm8XHyL4lJwa5cAiEAsYfGgwqXRKb4pFAPjHDtRrNhc2ugTiWYg30U76hBnFo="}]},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.272_1648226936837_0.3177138415700669"},"_hasShrinkwrap":false},"1.1.0-beta.273":{"name":"@spaceone/design-system","version":"1.1.0-beta.273","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","draggable-helper":"^6.0.5","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","helper-js":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-functions":"^2.0.6","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.5.15","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","node-sass":"^7.0.0","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"79186c47acde513ec8096d9fd7598301a9e6c7ea","_id":"@spaceone/design-system@1.1.0-beta.273","_nodeVersion":"16.14.0","_npmVersion":"7.12.1","dist":{"integrity":"sha512-xw9jKTV8Dk2md8GeZWqMTqaDw2MXD610li0J/gExLY63xCGnzZpj9xl1Rg+lrrZKNArAh7DcpKQqzioXOq2tgw==","shasum":"1a630e25834f672d31a5e92a3502d8e7e720c9f8","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.273.tgz","fileCount":1281,"unpackedSize":62321677,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDqnkJxsDm2YT9PK24decGlVtntsnnj9+MomHaPU65tEAiBXeLfDvsD65bc73oy7hNIaO1T8LpZDMHINxnl8O/ObkQ=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiRVg4ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrVlA/9EU+U5fKx6t9xtMOFHP/hQaadBKlkMJDrEinsJXgdo5UnJUl6\r\nrHoLRO+7dyLbH1eYN25y77DQYzYv1BKouSQ0ghwj9PT7T3I7UOfZRv9Y53ic\r\nt9qpEyMD+ZD7crJq1PaaktqZZS8WEoE6o8Bk2aA+NKUZtia04NGUxFaWGSSY\r\nii9uBNj/jFY92P/VDYuPmKIB2a0HW96Vc7voyBjD3xH255nSezQHEo0wFlXA\r\nonWzAB/+q0o9w4FQRCc5HksDnnl1he73lUoBgMhlgs/47wamWcOZZpCycxoC\r\nZyse+qp0ZDntJ4sqvTnvmGS3DId8igtKoKIGokrP16KbZUHdibLXtTBOtlBD\r\nu31TZQ5hUPCYgxbGEbOaT3AGk6w5QppFBzGCeBDiUAaT6FMb2hY88kvGslHr\r\nLeFyAiFRksG2pZx/9nvhcm/bDEAisJDMgioZem4d2qCwu3Xph6zOKb8Lmjvf\r\nKRwiuSt0sDAFCwWQUSff3tNO5ROj2pdf0llpss2vNxAwSBS1qCul3nBSdJCe\r\nCPX4UyqeuOnQDpDtHbMfJwejJiUe7Zzg71TYcZVzsQa5zvO1LREhxGjDPVdV\r\nKdQTyn1DgWcE/j3mD6VIlvIH62uoZWB4wC0zoTL4P9aoIiWb4mk52ENopm3A\r\n8KdxcYAZaj5iVH6Wg9riNWbkitB8JaINXH0=\r\n=3rF3\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.273_1648711736056_0.49977081135116364"},"_hasShrinkwrap":false},"1.1.0-beta.274":{"name":"@spaceone/design-system","version":"1.1.0-beta.274","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","draggable-helper":"^6.0.5","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","helper-js":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-functions":"^2.0.6","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.5.15","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"e92dc269947a3285de035b217de2544a884f4f85","_id":"@spaceone/design-system@1.1.0-beta.274","_nodeVersion":"16.14.2","_npmVersion":"7.12.1","dist":{"integrity":"sha512-XZ4SUyKcdgPn/QfFia/3d9iN3U63S09dLTSzmlS5EQEwGUSZOq2Z71vkWhfYnE1KK6QwNlvvQ4W7IYJKbXk7XQ==","shasum":"8437dbde6d6d4a3e08bd55ec4661be58516da141","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.274.tgz","fileCount":1281,"unpackedSize":62321688,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDxTYFRh/9i94RzWzxG35f0vy0X2MTx7iPD0AmaTbUq5wIhAOVaTQORBvhJswUWsi0EElh8nwbZO59wCpNEWD6yqHrj"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiT+/QACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrkhA/5AMRldyfijXDr/7npofgHFa6Y2JOdij1AL1DCmLMKEf8vP+9N\r\nP+LxaTYinPHUZA45PpWKOtpAJU9NfEQN90sBr2lMI/MUYQP7RwxB0EDlgEWI\r\n6tLa6YhyQ1NRtnSxXVLwJhf48miD1hdXAxqjtdZf4gKIsCDiqBUd+ENUx2Kp\r\nujwLQV+5YHLBLGDl+BRdzKaJaTJV45Fa8zPxIdEPGcl/MlBaAd4z0lrbMzUp\r\n/GKfpLYvasje4fdG9wD5Jg3kQ2t8VJgTZwSc61H+wY5j2fNCRfYfJ9QIqO4A\r\nMJSwBCbU7FNRRNeJvs1IpkBoS5n+qe6vWb8PABHAxt9y4akwT9hSf5KDodS+\r\n0dT93e0Ee8uXIOnSKwVXvrsNDxaOHF8bDcOzhezKb6KIkpmKz1qDRiEpnJid\r\nF+Iye6w04c3hsdFy2iIDmW5jK1CCmGaxazjSL9IY5WrKPWo/EWkbBMXBXnuL\r\n0JiTV+Lyl9cVFtc7JBRwA/sF5X5lw3wQXlOtZI6LMHf3GBel9XGumt6DtSgD\r\nAmayrtbN65Frf1Fqaojcx2HJZlZC2MguL1zi6Jlz82rzmxyJIpyE4bTTpaqH\r\nMKH+ptXoAvWjBP39EYT4dUEoWIU6ZOZihhrrgbSuF8FqBxigRUkI3gdrj2qN\r\nl23NsaPjVIwlbyry7rgusVpYJvcGUTdrom8=\r\n=xupw\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.274_1649405903595_0.2849076600829419"},"_hasShrinkwrap":false},"1.1.0-beta.275":{"name":"@spaceone/design-system","version":"1.1.0-beta.275","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","draggable-helper":"^6.0.5","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","helper-js":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-functions":"^2.0.6","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.5.15","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"bfa13275a0c5ab31a98e2f37c6d5341c1eb19787","_id":"@spaceone/design-system@1.1.0-beta.275","_nodeVersion":"16.14.2","_npmVersion":"7.12.1","dist":{"integrity":"sha512-ugRF6A0oqOnRuKVAsxySD3kLK03B+xQO8f6cIepqe6R2fVJt3Zzx6d7bZXGqbe3to0HYVm4gamt0MxabtKAoVg==","shasum":"d0c955eeb49562ee3423bf945dc9ef1b8a6d5634","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.275.tgz","fileCount":1281,"unpackedSize":62321667,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCP44tcobleAUOnGV+opYnF74rXlvF5+P0Ugp2aKDLXkAIgUSmNppwWC/TIJx1gfdCOpCzPsykgaVo9CPOtkYnv6r0="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiVARpACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr5pA/7BwYsAyNzBsDnVyRo4xq83h90ilf4f8wbwwbYkzH8r3pT+fgj\r\nI8yi1cIjFkHQSp+MPvS9JoRsxKVVuL0iUMLCrzisefMtNgYMFJxxtlk8AI1l\r\n+YxVCZSeRpTn7t6o1K6tubYNYx3VUi3sfONarMydJFSmeMIGX5kh1f/6wylM\r\nbuczcCwb3gR1gWZuNb9u4n1zj90T8G2gK+3vY+PWRi24VPX9wnqK7Qgy9kOa\r\nXrhx99MXopGJ8k3y7DcY9UfI1cfeeiyS6NFk4i38nSwUN5pcM6h5oBK+O0uo\r\ncgAe4LldPj/gWjJfN28rzcLk6uwPE3YcCcWeSb+QSiSGENHIXuUKQx5oTCjc\r\nJwgYU2ykHfFjhRmylQWP5+b1T1309ph1h1d2TB/a5NKlu276pHZc36+s3LiU\r\nlU8i02KpzQy0qjfrU++t0sHsvVM82oPl6vCfhKoa8hA1b8eunJ7H9im9c0yf\r\nOuPLho2T6bfOcGwOuiqOAmOkFPDZY4oUJaccSk1FGUXAm9Spc3rfmm9qMV3/\r\nNlbkX5r70wnUPcgm5APar043R6Z9ziSMACyP6WqU1YV7qvGRV1YVcRgIblPP\r\nAoq5cPsxqDpgDhbtCBa/qRZEdOXCw7NK5anvA3/Skw/Y8Jjuq4FJsvtY014h\r\nv20JHjob3nf4XdInjzuT0xKU8eCN6zvQ/4k=\r\n=W26v\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.275_1649673321412_0.7553729814712553"},"_hasShrinkwrap":false},"1.1.0-beta.276":{"name":"@spaceone/design-system","version":"1.1.0-beta.276","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","draggable-helper":"^6.0.5","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","helper-js":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-functions":"^2.0.6","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.5.15","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"c169e59d3b0e12a817ae8f444f59d8835fa7807d","_id":"@spaceone/design-system@1.1.0-beta.276","_nodeVersion":"16.14.2","_npmVersion":"7.12.1","dist":{"integrity":"sha512-gbxOIHsRj0TSB+fkaLOQmovB0VSKyCRvs3jJlbltNTSwkbi7P04YAErRoiYkef4ePJbFDBnHzN8z5oaS5nuTCg==","shasum":"d0f4420170edd694e501815bf9641f7b668854cc","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.276.tgz","fileCount":1281,"unpackedSize":62336190,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCID1RnnrfS0DTr8jfwla79zuF6r66Rbt2rGXTrw/alFgmAiBs+/X4wA+QYzVfL/gYBebitVgUW5cB69I+0FiVT1jb6g=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiVEw4ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr1LQ/8CYTmleHbIBknuxhBmY+tHnFPpnvAZqftmQqNwZ79k1Qk61Of\r\nv7PvWooHJdXXQhQIEC5/x2jmyvL/135ClUoFHUqt6N9mwJi9zWvZFLY4F3Qn\r\nHWwTdz7sL3KSdny8XI24f6Y7Zbd/eIDb/PP1PVi4Z2Al1WtLe40wboOGlr1P\r\nRxlK16pF34XFYCZmU85Ewsy7PiHevYLxALIxongRmIBMVVpCuXP+tQ4nlp4k\r\n2HtM9sitQJJKsDtI1hjSxMBXBX6ZlQKngbkSAqCLre/XyZJWhO8aAsAyQWp4\r\nV6A74Ebfx88O+srfovzt3j5MNMTgnFu7K1X+22Z+2lssY/Yw2MiQhgP+JaU/\r\nqmJzOHjOA+i/D0IG3JFRZSMjbv/y5N+ROKxJ6LlCfCvhW/oOjlPbA0xXdRlw\r\nhTJ4SEAY6crBJohfRLyRZamOBmM/yiQH1lO908hS3Jhlibbib1XP6xI7v8QF\r\nHYw9nRxb36CYWRQEbwZp+/D7oc1i5nO8BkK5uZIbnOXCLNCkN46VkngQHIN+\r\nIDr1KvXPN5gHvxtsjZXklmyLPAdwF+8FluUDC82e8EMEtcYJrh8dHPCBDzWi\r\n+aIKKmPq9JOHkey4lIXhpSS5gkPvAkOyW3Ry0IpJS8RMXR+gIYdTmrPrXZtP\r\ngTkzV4MsUgHBeQhg6WpnYclNJSZd1zO7sbY=\r\n=Jopg\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.276_1649691703978_0.5017517697917779"},"_hasShrinkwrap":false},"1.1.0-beta.277":{"name":"@spaceone/design-system","version":"1.1.0-beta.277","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","draggable-helper":"^6.0.5","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","helper-js":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-functions":"^2.0.6","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.5.15","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"e0606d92b896a2c1df7af935ce4099133654003e","_id":"@spaceone/design-system@1.1.0-beta.277","_nodeVersion":"16.14.2","_npmVersion":"7.12.1","dist":{"integrity":"sha512-vUMkGxroGq7oqyGHCsa8yECrieDGqnwlafW9RXAbUP2GGJ8iwqhVT7L0Hh6xB8GOtiZlCLiNMmAFrh0MuqTjrw==","shasum":"56fafc44c9fb7e35fc2df6675efa49cbfbf7d08a","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.277.tgz","fileCount":1283,"unpackedSize":62343389,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIC5VixN6iYI5jkQ96DRUVL6OS2KwK6+jCyPEZD8X5H5lAiAt12czzcjIxV0fY6seyZ4BmoXczKv5TAGAU7RgO5APGA=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiVlYrACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoxTg/9H0pNHIczVB/IGlBbXgD9huqdw9gUmuCbXSAbs5ssyPPENiak\r\nLTCK80DelcnRVYHQ+2aKKQaPL2Z0gkd/cOFxWSP912t0ciqoEZ+dE+idLWdB\r\nzzuMZuHIt5sHc/nQphzG6wCfCT9343KVxpLpCoRcFqqIM2JPY2Dfi8nfds8f\r\nvdZPr9vBr1cm6I+zxnjZ80sdccqwIKCWon4XFrqhBRBBA1ZzBQ5Q0CbtFxky\r\neajPjrYTB9n95EjRfak0dIuSp5iGmAVOf2ZjAHKsxzROviYkiP9EL1mPuq2g\r\ndZkviBjRpmjf5e3mG2GepzAxpd0QCAzAOX3S/QI/I/8TE7SgLuFci2qe2kyt\r\nb0lEEWHSaW+HTd+ergXznrLpOQewKBj1rYzB8TMNVGdARF8ONkN0fhqar3aX\r\nAmIk8L9eeoE9450SCF9jqrzl2D0VjGuOqd3Qahh+jD1TdUa8A67F5L3CAiDk\r\nST/lDJM0Zk7bKpVsuklZGdoMW4qitf7FqWy4CjGQ3ONq8rql66q0EKo5yRAF\r\nMScZNLCxTGsAZLzeuT6Jn+eFhJtDimp6KoQDg1jB7HhM+ZpxkRmUOqhK8JLJ\r\nCkUzB1nq4DcncOI27VvqXhBCYWYobZNo/YkMf0UybSqQqxDi9Jm3BzXLHdcc\r\n7Qse01hzLDlt2ZsAA2hFlut/9AdQPfFFePQ=\r\n=QNcZ\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.277_1649825322683_0.2550638290809859"},"_hasShrinkwrap":false},"1.1.0-beta.278":{"name":"@spaceone/design-system","version":"1.1.0-beta.278","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","draggable-helper":"^6.0.5","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","helper-js":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-functions":"^2.0.6","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.5.15","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"52a21599e7e38ccfbc6b61494138488f858075f4","_id":"@spaceone/design-system@1.1.0-beta.278","_nodeVersion":"16.14.2","_npmVersion":"7.12.1","dist":{"integrity":"sha512-54M83i9lpSJgcvqkNu60m8ZhVuQf417dHzayreDUCT8+5fKwlp7aaArzHlFgD7NWw+SzXPZjbOI38ozXNu+9yw==","shasum":"3f80960a8fc0b4013e24a4b17cb7e10bfea27d9d","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.278.tgz","fileCount":1289,"unpackedSize":62353925,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIE3wje+lx8mVVtt8AU8nA+wvXz8FNEnCBXpvgYRyi1cQAiAiEkglgfqUY9maiaLg5jbTVmdkFVIxBnNkNG0rf60Pew=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiVncCACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqfMhAAltKuI36qPZwJjJjFnQPVxQX5N9U87NGh2WW3ME/FIgiuQuH5\r\nnJk6i6B5vJSyqy48CeSYceQ5SX7upL5qIiIMEoCIRl2L+yOy8/vbcm7PE85s\r\n8BerTXWhNIiAeylYNQnJd0GOFnHU4+DIB7YZAvf+/Q30/XKHFus1cf2WZMxX\r\njlGYKoNASaL7/zU5Dg+WZQj8VoO9TYiP7bioTXIBb4ziDLKsmVt1kVK5KePL\r\n8GCcPE8NDkrVq427v7vq8MJdOOz9/Y7lH8TYX1+/h85zgv9KjSQrrXYKZatx\r\nh3Fs+kpgo6RJAFoITk7XVQToJtV6fk18XeXzmSl/a2lX9C4E1m+wz/e5Hs89\r\nYKtoPhl1nhhM44s4oZWkqJZPb+oD6ek5NRTRiJb2yzQQAiZvJavwTEP9Yyug\r\nsRuNF5PQzuWasP7ycle9M/27LOs6xjDzNEVC06AKmGOrGhMqEmZfSuGzSlXc\r\nduMkIAI077TABSawb/1qo+haAOW+gNh+1xpTFVqOsVENeZuMofC01s8rhNll\r\nKIqnI5ZeNmtHRr1T+Ue6xTLj6qBF0Af3r/OARxcJTf5dBcI/KmwyxJJ4xKyk\r\nKWWDsXChMpgN5+MEfbP6IRplD9mCza4O5gzlZzNRu3GaCh4iL8qhinUwLc5k\r\npqDt9g2E+9Xk015aAVmdtKb32Jdn93lRosw=\r\n=p6+I\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.278_1649833729284_0.1361531102489677"},"_hasShrinkwrap":false},"1.1.0-beta.279":{"name":"@spaceone/design-system","version":"1.1.0-beta.279","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","draggable-helper":"^6.0.5","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","helper-js":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-functions":"^2.0.6","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.5.15","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"86370e6a18222d0ca195ea4e7145145be483551b","_id":"@spaceone/design-system@1.1.0-beta.279","_nodeVersion":"16.14.2","_npmVersion":"7.12.1","dist":{"integrity":"sha512-vyLKgnEDPX6TNJiMTYJM2k+hWNOoTDOfeVba4yPPK+mmYcjPmJHS1ZyLMqrKDDQgCCQJN17/msh36JpENPX+qQ==","shasum":"59aca3f62cf151943ad3dcb3ef7be84e5959cb71","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.279.tgz","fileCount":1289,"unpackedSize":62354658,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHzRtFORpTtVut1G76WKiaHbI/1EqJeAqaIuWKk576+ZAiBDJBEkNbbmcPuaARoZDQxqsBU7GdzaGpVSSrz9klgcZQ=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiV4dJACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpomg//XZFJSp0i9wTm9VfxFj1la71mBr32hZFuUJnHK1183tRCJeRj\r\nptGjP4J2lf1KchrW712X4YRBaw6RgZ87vuMnoTkhKjJa0KpL1cmvnvG+oHvr\r\nBNXH334FXC/wiFukKeKNbTaClhzV34qSD31kZfLlTleBQBqZ9cJVniGhZwO7\r\nUkcyl2NNgy5K9mQhZQPFkQoYdmnCt3VL1DWfs1YVclXxbzncQyZMycCbAoQ5\r\nzwncifJQvRhOGz5oEfA2bBH66l8tDGRUqpiXgQKN6YEywEshuaasqgCFNkSf\r\ngX9TKeY2EpYNNHoKEoymcSzZnHbvrvuCgjGtSTx5vFwYvTWBGBflaNLywjbS\r\nS/7zdSC6dwJWH+vCqhCZ1CXF5/GzJivknu2LadONsGQI7Rm5QOjIaZLyNRgy\r\nZUPcO5rseEciQv6iMyx/3l3Cm/aFg3B2s6BG+ROYzyWouMY0obFAvDqyYJ3e\r\nPbKWKnoqu1aColvbEYPmb/KWyR+MjJvUn2HCjConwyag1GUUfFkZrmmtnrdT\r\nNObzGblzVmqQRQBRpINkvz8w2IS0RXME+r13UYma0GHc5WoIYCwj0uJac9y3\r\noJA6vtvCV1wK9uit4KIfJeO+4tMi2qwlj4Qp7mtHSgEQ7m+95mkVkMshB/9P\r\nmbEhBFziGaXc3HIeYUcWlbsXtD2iRT/rL84=\r\n=bnEV\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.279_1649903433094_0.5459758041439784"},"_hasShrinkwrap":false},"1.1.0-beta.280":{"name":"@spaceone/design-system","version":"1.1.0-beta.280","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","draggable-helper":"^6.0.5","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","helper-js":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-functions":"^2.0.6","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.5.15","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"84bfef37a4deb79798b8ea1d574da2492d8b3245","_id":"@spaceone/design-system@1.1.0-beta.280","_nodeVersion":"16.14.2","_npmVersion":"7.12.1","dist":{"integrity":"sha512-etfLCdhxebxVgd2fnmsbYG6TdbM92wCnuV7PzeWQ14avwdL5L5khJClRWfA15ozTFbTX1/aRb0XLgBBqp9KpXA==","shasum":"f7360a4f8debd598f370490c32f367b70e0d3e09","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.280.tgz","fileCount":1289,"unpackedSize":62357352,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCF4BT2xfwpUoH/TlDcyAp+rvSTYaYtglyqhWE/Esf8DgIgGVIjDo4YEyylkQlT0PUzB1bWDV45I8uOo/Mg4U699HY="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiXhZlACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp3Ug//Q+n6tLLPdnAFlqbBR2CX8H5+Rh6KESzuhEeBeDuzAJiHd//s\r\nbsmPV6P6t+nfZzfA2K7VjC/SCYzp0fVGGRO+5cUXn9UXp4hSjO8Bx6qpIHTn\r\nter0+kGyAOL39M6NI221DRqNyO/i0Fy3yGDRmQcPPGJQXwhQgP17b8y4hzfH\r\nqYpEEyxkDQuk+RP4RiyAGxVlq2xuDuJv1Hmfrbd30QmcP9m+F+TLpqt+C1sT\r\noPVIp/xlhSajY3Y1dEs3UZlb6vj+2zwfVrJvHyVWNwy8M/TG3lPzvJcH3MOW\r\ncTQYOGa44LWjTEWXMTkILwusBQXYX8E3DEutUV6jOlZnGDATp/VTwpl0j+Nw\r\nZ6JtU29hogswu9gTsutMinrQW+cIpMIhbe1Olbt9NSMwpv+7BsPwF5Nls7Bm\r\nhxpUxA53cg1DTB3pJwkNKCcQL5iorFro0AiLmcxuFU3Ns6wgBsHwxKoYP++U\r\nuG9gsxu9MzUsNjC02jtaeBp1pI95rCluYaDjw8P2PQceViQ420oy1eJGN1Fq\r\ni2pIvCyau6aknAGIxj7oi/yrn0nspUb3hpy6+LHWetmXvIm1kwoqrEypa6kZ\r\n+xjDZ2p13kkn38Dzs3S83AG6CDoJ+jPwiXc2/uA3SGVkS5sVy9sGgdach5QH\r\nAqLVxENYI32NftvkzX6O47K6aY7DTPINEbs=\r\n=DGkh\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.280_1650333285001_0.31716211954034157"},"_hasShrinkwrap":false},"1.1.0-beta.281":{"name":"@spaceone/design-system","version":"1.1.0-beta.281","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","draggable-helper":"^6.0.5","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","helper-js":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-functions":"^2.0.6","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.5.15","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"0bca0d87bad1eaca95adce740886d7a8b70f58be","_id":"@spaceone/design-system@1.1.0-beta.281","_nodeVersion":"16.14.2","_npmVersion":"7.12.1","dist":{"integrity":"sha512-yP2kLRm/wil0ge5PUhyCyoW9G+K4nzvu+pvbVxtqJq4RKDikIvaQvZ3OytNGCdaHNuTQvJeDrJ/4pyEj70Vihw==","shasum":"970c66eb57079ad42dba9ea2a8a573bafd93aae9","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.281.tgz","fileCount":1289,"unpackedSize":62357587,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIA0bi1SDzc6LNhwwO7uVexPUjjwFZ9hjkpd26b/aOghNAiBgbfGYgF7gwGwOThf7XVtem3tI+pKuKM6fd9q+mt4UjQ=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiXnO0ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoWCw//WJ+6cmGGk5sB2hXdUCPH0/hYmaejuwG4VzFKRqh7i7cS/JWQ\r\njYays/Ey4056V1YmwaUwsxrr+j78kIYXviFEWi6saDvHy6EsfjbmSxGfBx0K\r\nI3AjJo1tQqrToz7zUK9zTb3KhOxRk6LCEV9WHG9+IQVRtFoNm6B6P6xD5exq\r\nMX5Rd115nhIN59jv54hC4h2Q5kOzpDxIQ0TW3+ueHFXHPv+YcHdOqZROtHUh\r\nZATsG6e1SlnQ/iUQ+jnz6B7e45l28KOnoOPHFWQF+MiK2dMhUZ0qoqR/mB94\r\nuRYw7RqrU3ctcG330e+y/THb9H5YJc9ghi+bg6GLxK4wT0T8klIo35Ikhd13\r\n9tpYqEBo73ws/cQMtQC2n4ApMqvqK2MMv3Jd55BstTU5h6z1WMA9Ze0prqlA\r\naUdHiOctZPIGrWgWkNHQLXGEu9Gpg7dkSiC3zsyhwduSAk3X0nKWUHfVIQEH\r\nma+F33VbwSdwxlyUV1r2LT0GQ1ekpK/K29JapMLssop5GFahjdeMbhBgSw7T\r\ng8iyC7LVtP/3seu7TtYA3DFeWGgw+xnWDiUIj4GiMoV7fdw1VBo2QvaRd/5O\r\n30hJxhuHPmUiL+Wh8xNQdj4WOK3cmvs+YRbpCRejtGcgG2BOIq4RP8oXYXFl\r\ncRbvEj6ebtEiIk0qTginRWHkL65EY+dAUd4=\r\n=dJcp\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.281_1650357172373_0.39381325701512004"},"_hasShrinkwrap":false},"1.1.0-beta.282":{"name":"@spaceone/design-system","version":"1.1.0-beta.282","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","draggable-helper":"^6.0.5","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","helper-js":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-functions":"^2.0.6","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.5.15","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"7578ec7760cb83ff3874895083ded03640a7d3a2","_id":"@spaceone/design-system@1.1.0-beta.282","_nodeVersion":"16.14.2","_npmVersion":"7.12.1","dist":{"integrity":"sha512-Kr6CgTsQyKLvkgJeVmK2TLnbqxPbknVuC5bmWOQIbENRzZBwBZlWmS5WO6cFh4+d2oIB91bXu5JmgN2sMzeEaQ==","shasum":"fc57562bbd7b1b014d4acbfd4e346c6393982488","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.282.tgz","fileCount":1292,"unpackedSize":62387748,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAxDdXahdtP0zmBBub4J8I8OxtxIJCsbEzpNqtx2Y5m4AiEA2kTntVPIfKGL2UU6Qhdc4ywd3rQR3rhhqpDNRSlGPwI="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiYLLdACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoJNBAAgKEt1ODuVnbe9Ua1GgaYstm6gWVl0TIvta1kBT7pqqoLJaN2\r\nB1Za9zF3CNOc3mgdPZFDXmvO8p0DBxjRb/vF7AB11BNER6KQSQwzfI6dz0Ub\r\n6MU5k0BacF+/vaB9h4jo4f9XJv9ZRKM/Y9Cy0a4Asmc0Vr5K8O0EORzz3Iwa\r\n4nshZmlGbK7e3WQ7ArijIjuw3Ze7hL/khU3Rx8ngSMvLbQW5wJJMsCk0Kfnj\r\ndVZFwpsP5V+RDijWVf/vLht1XIXHTMrMPUIdFShBlhwy27rrOYQaPuXtlfTu\r\nmxEWoCVOP3AFn3ybuEhF4RzmNaS2aOdy3fWTbaed6vhtnm24zgJE6oZvffIB\r\ndSIBrPA4GdpyOPMhznv0OKaoUKYGTTXxnVp1JefQRZmE51gqzug5sHZ9PbQA\r\nH+CGbOdXbsZVZlKdq9RHUyuRTzZGbc1eE9HZx7426JBt143sbvfpeiquHj6Q\r\nDVXkUv0Xp+77n5re1vJ6TpLNYBEX/JEeWzwCaWR7ScCMhphddGOQu0ZxdKEs\r\niyejHbiwLK9adrtTjCKON7uxedrff0Me5nJZl9MkRZUJqNSyX5ZOWuC8KG6Y\r\n0lg0sNzf//hTCicmcXayugolqfF3pn2QozchorSfvF0dCaZIQX+NnrfWAbk6\r\n7qpA9/t+ms7H1oo0zpXazEPPJS92W4DrEzY=\r\n=dNIz\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.282_1650504413427_0.3654294867302541"},"_hasShrinkwrap":false},"1.1.0-beta.283":{"name":"@spaceone/design-system","version":"1.1.0-beta.283","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","draggable-helper":"^6.0.5","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","helper-js":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-functions":"^2.0.6","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.5.15","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"1958719eebf975e1cba163feab1f840b21abff48","_id":"@spaceone/design-system@1.1.0-beta.283","_nodeVersion":"16.14.2","_npmVersion":"7.12.1","dist":{"integrity":"sha512-FXBC3kORiRwkkdsB8bMKMnnQAM9nfLHp6TX2iHUlzVo4bPQADwxSnfToyfmHHrXPXu1OC2UHRI/26yjoEEGiMA==","shasum":"566db54dce927197d78531ba94925d63ba479141","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.283.tgz","fileCount":1292,"unpackedSize":62390966,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAro9MVR7ktzLS0S8C8QdongL1d5gqnAh0z2Wd/ui/HeAiEA8IRSi0DjrU6/l4d6l2ibvdqQ56LL8V8xzERr3BT92/Q="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiZnL+ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqVwA/+M1GslpYuzrKvwlWPOLY0+pX/y7aOxcatXR6US9fbVTXibCl2\r\nVHDE0ea9EMRHQdTdFVch0yxegn2DS0p2TQ/HCka2pso30Cp89uuD4LfQpDDe\r\nihStD40ccyE4uYgjn23Zk0VEoqwhrWl6lrh53Y4sXBpyI4Sp7AAi97kjrxyG\r\nyWLphmA+tQGPZQ3k65bQ2207nTmGbqIX+kRd8wRGIZTevOOoUx2CjZMNvA/1\r\nVdBi6XFTMSSnPyQtoioc/5BCVzv7l537RMF76AwtU2KpGC6jGryVFzFXi4T9\r\nw/GpYC3EnPrt90PQFP5hkXmYvQbcSLA71pB65t0ikQ7QVdf9bY7/51UpnOFx\r\nqxw4mdX4/PEo/MtI24mQPvPnAxgvriC2yRnLvJJEpz542em0NViPbIibsCqn\r\nOYCXd4goenVqEFE9WtYqaWHPzbUZc0vW3INbMRqqJ/S7q7y5Jcp8Gix1u5Ll\r\nTqMnCe8iNVs9FUz/lgFksFuSakH2cS3g6Qx8+BM+RSiOxAezCJtQ9dSW3eNK\r\nj5hUugZHiVZMzWIzHO+gNCSgnsJ+Wvp4ih5/LUMcGi0rNu/C2cNTqsOe//Pn\r\n2lfc+fdiB5rTSr/hsMJLVVVHRAvjnYbQas3PBxpCIons6azaPdxth3FWx86y\r\nCmkklqYIn/JLDqJZnBGYY+fOtyMbd8rS2PM=\r\n=nl+P\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.283_1650881277838_0.700429191242818"},"_hasShrinkwrap":false},"1.1.0-beta.284":{"name":"@spaceone/design-system","version":"1.1.0-beta.284","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","draggable-helper":"^6.0.5","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","helper-js":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-functions":"^2.0.6","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.5.15","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"8deadb4884857840863e08e649ff7996141b1add","_id":"@spaceone/design-system@1.1.0-beta.284","_nodeVersion":"16.14.2","_npmVersion":"7.12.1","dist":{"integrity":"sha512-3yxedNTu9lnteJwUKKZk2yWMZmpM5wyfUdub1IiAYckzxlPYH++f2UM/V0Iqsv9zuyQ3KM66uEWDu/mRfrSFYw==","shasum":"1e107293ee7c7504889a3f5c25fb555f04f538eb","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.284.tgz","fileCount":1292,"unpackedSize":62391191,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCqVV1iCjyKgoztIqAkSh9+HY6Dc5EWT1+ghCInefhWQgIhAMmEhIw1IEY4dDmO7ne1u2NjGsOvkH+RxfeYdE0/EN5w"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiZ1voACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq8QBAAmwxfD0vohUjEVgKVGec/XXFnWPv26I7lypFjSz7ZbXwQB5Ec\r\ntBx6ug8niClWTHepFQyZvZlwLI8ejSKdUdXCLrQKgfNNbB1JwnGtV7MatyP3\r\ntk+KxqWJnCIgtFW2kRK++szFqih5yeteOOpaA3HuBvepk7LYshXvoz9gods/\r\no96/hMWRBORpJVs3Tk8TXbXQoMSNS7jFxAM6GzYwicfzhgXlI5mfhQea+0Ag\r\nGXUwBXy/DFsDFSa06VBrKos66kCk+R+LTtiHcnjhXWedkC9mXmlwTw9ypYs7\r\nffklT/7nrAOuhKYmQifsA7aLfgz8aGF52YDZo6zU0daS3zZLjbKfDXHX++mB\r\nUMvkHH8JUPDwB3pWb3gbM3ilOKOGQJQTf2skWFu+YoLB2WEFZ0L9wZSWPObQ\r\nLKBjTGLe3SHInDrErj/DVnRVU8gmZCY+0OaVAtO0Nr60BLgIdCYQqc9fh1sO\r\n+wc708AwB8sIG3d3ijd0Mssnl9J+h9QB92sVlEYOCVNOTuy7wuAI6dishtOG\r\nunT8alldp3TjKIVy2zt4WLKpfGujkId9YjBmQRbSxy0j9vq0AK4ZPX48dpvZ\r\nJdF+w9P0WheDZcPlkfLm+sz6YyNv2x9iT7Fk6fiQaegvFfA0+kwjUEaKq/Mj\r\nSxr7PiJJNWCl1C4UKUdd96J1dFzEQfZ21D4=\r\n=gRkr\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.284_1650940903509_0.10829067732051012"},"_hasShrinkwrap":false},"1.1.0-beta.285":{"name":"@spaceone/design-system","version":"1.1.0-beta.285","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","draggable-helper":"^6.0.5","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","helper-js":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-functions":"^2.0.6","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.5.15","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"edb67cdc0b894ec0b02e8bedf2d6372fd5fef4d0","_id":"@spaceone/design-system@1.1.0-beta.285","_nodeVersion":"16.14.2","_npmVersion":"7.12.1","dist":{"integrity":"sha512-s5xR2JxtJ/LCbnZTp1rYythYf8l/Zbdg/eHUAEFkr+iNaYRI/ogenxyYfXpuq4UO23114SWY95bPq3yp3AWvMw==","shasum":"fa0c869d86cef095dd30c72d148193b4927f0a3f","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.285.tgz","fileCount":1292,"unpackedSize":62391702,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC75vzazOr4Inq9q7w2Tyjy/2Gen5PGxk7olN/yICsibAIgWctx+jRdPzQdLtR+y3lAdotvJgOf4XXa5xhtRGbYCjs="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiaQaZACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoBeBAAk8hL9nH69V/3D7qpdo2TBkk+ZBRqa3f7V0rTJzB5C3ycgIXS\r\nr6yHCwpofIE08Ch6CC+oFNx7AGE+QokjQHNym/dvcXXTifAkp5eDVJvSkHn4\r\nUoXgdYjMkt2gdukLV5dzKawasugN3L3mADfH3uKUn/HOHaMnTjgX/7daZ9Ih\r\nO+OyDTbseLFISVTw+RHwzQykU0Ucg33UMgkeT0cNJ441yvJVSmIR53zvKYpr\r\nTu44oaiwuVl7MWhxD1qG9eB6YSpWgwZmni/JcIW7x63ZDsvD/xGEjZiz3Dw3\r\nMLTNcSta0SWd0yVVZ1dDJ/3uoDlZr2Wktu/2LjcX0qR+B4rMqABFnIVHS2+J\r\n25dq4A30N47FiR0QBv+150htwOG81rfBKlMcPZ7u3+w4BCmu7Q1C7vIeulJI\r\n8llNNFsdGyQT3SL9aQO6uYQevTk/1Gdo9JpdNkq/Ot1KfezrjAgjdIBGGfkV\r\nCAua3IoCDt/55eyAWYYSlUNPyq2/NDehfquo24rUFD9wVeSsROxH6+EY8mJA\r\nnkUW5FRVgvFt9ZSeSmPmquLOuep5Yql3htwZveh47cPro68/JttAIDR2Xq+T\r\nyYKjBoJ17evngtnkgIubCnRLCC3dUEEHw4fE01thLZw1gRl9VYn1ANaQYGqT\r\nOMknIPlCPgRTcXDvqeQGcVrr0mzl82z3Iis=\r\n=Yjzy\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.285_1651050136522_0.3169167583183561"},"_hasShrinkwrap":false},"1.1.0-beta.286":{"name":"@spaceone/design-system","version":"1.1.0-beta.286","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","draggable-helper":"^6.0.5","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","helper-js":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-functions":"^2.0.6","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.5.15","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"56d3c1c50dc7948c375793a758d3421a736bd194","_id":"@spaceone/design-system@1.1.0-beta.286","_nodeVersion":"16.14.2","_npmVersion":"7.12.1","dist":{"integrity":"sha512-QwBmrt15WO+v9j5YBDq7HT1OHCbILWIjH/AfbHTD3XchJJwUyiPOFrLaj5cfdwvwozhwxiVHzidcX2bbR6FN3A==","shasum":"08b41969cd909ca7b98dcc632211b15dca09cf6c","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.286.tgz","fileCount":1292,"unpackedSize":62393545,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGBlWv/TwenRMFSfok88mPPpJCiSAn4qtdXFHo8U2sglAiBsZuyH+EzUBJxfxXYMfW+tqup7MR4UuUTlwpxks/4Luw=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiak+UACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr1Vg/+PSU6KNwXb3+fzOZbyyQdbLExbO8oSvLIEKi/yNbDYx6yiVmU\r\nAVVX/XfI2AK6MsfHtldAlvJGVxQBV0rq9herMKSzO/qVTGdpiRBqjSdjeFBd\r\n+C8Q7Wt3FaPkiDEL9zZmXYz4IbAodO9rpZo1JgSoTYY3Zq6VkkyxhI0q7K9I\r\n0xoclG0Lo6Oo6ZpFzwPnl86sLaU3SUGOJ4CVPPM+Xw/9F7eACGoIcep+uaXL\r\n5TMIfPyR8ScuBoMwIpQsiicNFYR/0y+0bJXi5MeoE1L4UXOPjaI//pcgRNw7\r\n7nUQp5+JT5w8xkw8Fr6RBHXkppj+Rx5ufBx1ppjpjnvb4qrMfqheg5aAXvDx\r\nA39VS51J9miUFIdvezm8SxvL+xuoWgL9zETqdbFFAJIPwLd98OjTf7zYrvbe\r\nAkbX0A2WLUAQLuWbNT9lQSAMzhagay+UanZHZBrxoEt74Pq0OIMRQWfaagkL\r\n+sswPsbE9XqTn3r0v+QskXw2GJrZczx4qnOBVnEb+3RhR56E3NTY3pa1YkhS\r\nf6rSp2k8T5b3PwCgXe5Sz5fXssAz2x3Jhw+U7XW+M24zYtyQA/Jlumw+5zfQ\r\nyG6pksDxxKu0AUeYL2a1Va9hdIPSPXW9TjwmENOGul3iHBRmEiV4Pe0puh3l\r\n4fTlq7oKSdMK+mBtqNfUlpL7xLT3DmAnIJg=\r\n=1Pc6\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.286_1651134356306_0.9820822697663703"},"_hasShrinkwrap":false},"1.1.0-beta.287":{"name":"@spaceone/design-system","version":"1.1.0-beta.287","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","draggable-helper":"^6.0.5","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","helper-js":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-functions":"^2.0.6","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.5.15","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"0e124dc2936dcc900d41ef2615ac0199be606e96","_id":"@spaceone/design-system@1.1.0-beta.287","_nodeVersion":"16.14.2","_npmVersion":"7.12.1","dist":{"integrity":"sha512-WDdqva+fMMeJTSXzCegCc0NKlfXk3YsTkXtt4hE+K9KwK2+I4Yabjs8d6ALjRwjBFmNGyhYWNdXDoqaBV7LzqA==","shasum":"ea2865ed4b15053fde584c81d28c834c1d1fe425","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.287.tgz","fileCount":1294,"unpackedSize":62412469,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIA38S5/WSFDqaa8CeDuJsEyzat9CsjRzPeVT38eAulncAiEAsqJvT0AN1hipT1xh36rwpW2aDAYIfLQBPpOK1Kv5JNo="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJia0SHACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmotKQ/+KFq1WQ+Py2GrOCh3CzcWEMFetluExeAm4ZeOTtExQ7dTx2RN\r\nwzv9xcQxyjDAUl5/hlCsW+lgaIjt6I/zeELDk+D1kQ6x+FS6KaO6pLaQIGno\r\naSkSWa3IroU6IfrIRKdLttFlOEPSyC24bez9Ep4Py2aqdxs8iDRAs8jsHQRq\r\n4q6+ZgsDxFJs8z/2JSj7rY7DmGPAdLwstjWglYY+cH2QqMdMA3EpcYv0ek0k\r\nexNfRtki/hVBSzZ6eItBDxx+9r3XTmxZSzhLsYRTnHc7oZw3Yh/Svr63qnM5\r\nVZFViRhLytPlU0uxROfXIqpu2fo4zR2MwQ3segDEzCXbJGXAe9p1wGFtsLMU\r\nsTtcRG/mE+MOhJ4SEhSL7jhEPSLVvomB01mDS6leVizVVUsgVsirbbhS2tNe\r\nOyf/kU82mZKiLl1581+pvZsGamemXDMTs7zXu7D2JSczuOZRQJ98aN+LI2Jl\r\ndwRN+MSTgsqF3Rxgo/DcWT1N+7clgIP8KoIgizgPr0ZWdIqH//aMgar9VRLN\r\nJkVJ6hAWteQa9oqn52hGp8OZ5WJMpthxDVoVU+2Nmj7oLaFS13oXSYqduKGR\r\nUSdo6MpfQ09af6NzgcMeff5lXqQvzxQfWBz2ioRlOQVhju68ytJE45I89lnI\r\nLcUobLVgkC1ldghBoPA3Xzv9b8STkdHhMmw=\r\n=qkUA\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.287_1651197063314_0.5256463858437963"},"_hasShrinkwrap":false},"1.1.0-beta.288":{"name":"@spaceone/design-system","version":"1.1.0-beta.288","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","draggable-helper":"^6.0.5","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","helper-js":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-functions":"^2.0.6","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.5.15","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"955e5b1638932df2197d86a6ea9597b055f4be13","_id":"@spaceone/design-system@1.1.0-beta.288","_nodeVersion":"16.14.2","_npmVersion":"7.12.1","dist":{"integrity":"sha512-o1k5kftAxys4ecF/rzVS/Eyt8aXnbAGjJtCJdN2FQBrB3uFvQDugDbNv2ewe1UaLHfgsWbg1BdIG0PNU3em3yg==","shasum":"ad9f42a47f8a8d8b57a5b2c2a3985cb95adfeb2b","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.288.tgz","fileCount":1294,"unpackedSize":62411337,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC2YJ/i9zzIYt42brGK16AyF6XqQlQPGdohRY/kbUSUzQIgEQs3Nc8Rb9JAEDxrBSlDklcgvbTUOe25Y9ZyrlSAbwE="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJia1FAACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqCwBAAkSAvQWc7EFippQbXUSNygblYcIEN3JUbJf2sRUzB8pHK5NK5\r\n+Ri2W8Qf2SG6iE/hAAedqPXrQ7rjhvq8xzu70qXA+tsEErCEGKwp1PFkcThP\r\nRwY6KQRY9ovQASe5JpZXZY1LUDPYlA4ivKa/gAWRXG979v/SXorT6tlONizJ\r\n+kDI33lPj9QyvpaSGlav2LfFmyiv94dEJ/h5DgYAZN0LQvlYNV1CDtOja2QR\r\n9iYoy7Zyrsfg8sBSMhsHBVoUy59HqdtXTcrGM+i4Kuo5qlTkWEsnRx0Rwhux\r\nvmq0JCxOu3qvy6gkxvyfdb4ysmR+VChbpxwmw+sRFpINVKtUBWbdzXSdzwAs\r\nm8ZqGTiZD1YTO4OFEgw0ERHL0N+OfmsZ0V5YyopycaBW58TClbPTGjZqQslG\r\n6lPczcTqr5Xogc0xfcPyVOfVaqT1HEHdDfQSVTi8TYq+9WsOWyydCc1z1NNM\r\nzZ+36jjzMpg8ORpiLMEMq9Ft7+/7DCHSzExVUuNsR1ZTRMPxHTuk4uMEyZ9i\r\n3XDePBYpw3wKiA/SRq87EjBQFm6qUS6R1i2y3okrX8FT79D5/tWQ4lu+7K3I\r\nxJ91ZGOqxPuwQW+qiruAQISQCiQ3Ekgtpy6ZbrTodKcadMN4Ht35TeyCG0VU\r\nMuwBwtZtrex9WVXOkgqjzOAt+UgrpJWPXgM=\r\n=f5nM\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.288_1651200320348_0.09413545449928407"},"_hasShrinkwrap":false},"1.1.0-beta.289":{"name":"@spaceone/design-system","version":"1.1.0-beta.289","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","draggable-helper":"^6.0.5","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","helper-js":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-functions":"^2.0.6","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.5.15","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"b4e4e5836d80fde2009548df38963d1b4d1e451e","_id":"@spaceone/design-system@1.1.0-beta.289","_nodeVersion":"16.14.2","_npmVersion":"7.12.1","dist":{"integrity":"sha512-ejb8OnLo/kQS4Jj4WUse+PBslg9pmErK2d+uWe+e6z5vR+S2oCiOt0X4AVtpBBVc3gB41GbwPL+an2dgIe3D6A==","shasum":"54fc049741339788f188544e231b58960ac5183b","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.289.tgz","fileCount":1303,"unpackedSize":62473509,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDVyd+AvfIZ7Yy8Rp+pHwDLXhPtbnuwoNrw/e7dZ1p1wgIgeQN1uG2xkyBgRnoxkLfDnuFNiQtzZdtGFeLul2aMj18="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJicIZvACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrzdQ/9GanJDrEVV2mXtyO2uCrestb4H0iHYYxuJ3krpnU52CTJXrsi\r\nIrV281kG5nKthHIu/KHHR6BWdDaF/Op0qKBIzai8Cekoxi1p433wcPk8pKyU\r\nq65aBlPOWmPy138J9XoJCShYr120K/GHFad7ZsX/Turhu7MOBCdADPnEExwf\r\nxJ62XFgFxe5hosHTHsH8lDw0xy2ROz6gVqTHpn67nWZa8lX1YuW52Qz6J6Fc\r\n5wYoyUeTaKq0qtJC69V0Y02VAaHgAWOhE9oBVAxu43/6/wecgi2vHE6WD8mc\r\n/dZz47cZ/7fDEVNg3TV1Kan1FOHY65XdJU7SCjY50y/f9hx436sT7cMUsTKa\r\nUZbEvFMwe5P/qjA8tb/2heQ1D4fr9HSLn3iAuuZxJp7XXcgPl17WkSIxosx0\r\nHtXKpaHZQh1BU184Dff7MMrLSxCwY1qnwHU08G5PrBg8T4HjLSmTLyMBnUzo\r\n0krI0r+BH9i+yVwC7duVyhrOy16lH1fR12ngvmESkeGTCxioQfsWzWVk48UT\r\nyJIE2eBp8tX4c5EgC3tkAO7oVopcbogzAxf6gM3hLef3E1jmdIncaKPvbpxM\r\nUn7Mk+kN2PwiNN5xuNh5Pvz9mjgSIZ2vwEO+V0Z/C7kZ2lbzd0dq9EIOwXTb\r\nQXGGJC8mjxoc2SRH3XCo681UbjvH/Lm1Ylo=\r\n=ScZv\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.289_1651541614229_0.5647832706018374"},"_hasShrinkwrap":false},"1.1.0-beta.290":{"name":"@spaceone/design-system","version":"1.1.0-beta.290","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","draggable-helper":"^6.0.5","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","helper-js":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-functions":"^2.0.6","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.5.15","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"aebf79cb2bc550b0793576b9e3214b2843cf22ec","_id":"@spaceone/design-system@1.1.0-beta.290","_nodeVersion":"16.14.2","_npmVersion":"7.12.1","dist":{"integrity":"sha512-zuFuzjT1fnpy6dNl5KcvErojWjObx5WqpZrQ0Lgvq2DEUdTgEUesj5EFm/syFw0v4IW2Py8z915FR+abKPxvbA==","shasum":"fb94f53dda11c6b3d37aa62dd637015681a1ac24","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.290.tgz","fileCount":1303,"unpackedSize":62473509,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBi3Ov46XsfOAP/sLWJoGcF+pyk9yiqYikJv71XaWzPbAiEAhJ1AmhNQKWH52CPp9NWqtewMHoYV68uOCLK4oRE7wi8="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJicO1sACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpFNxAAj2H173Rq11DAPJOqp/Z5QFxRlh6umCIs3h/TYNbElcbD/yjs\r\n/X7OutHLFKvgyXnwdBWBZlAno/ZO1WTcKsdv/CfueM2ub7f7baiHf/3BEBO2\r\nFH5VoLOU4K7UokVIpoa7CyYDYLiRouvqKNH5+WOhHb5kA5BPx8aAIJZPZg0p\r\ngnRlOUygY7JzzQBUfZMFpRhyRiSQ+bbuN8LFUZy0OmGutnXKH0JOc96s0dWS\r\nY37D68YNQHqaoMH/RDlBsc/Ob5ZnhdLcWWeM0MbDKD1yrfDafuyec1E/CbyK\r\niGC5O6UCvx3C5vvD8jpyaSZ05gmdPO6xRg4YGjO0s495znoNzZp0wr8SNYQl\r\nlTIzhxlzc/h10Mre92IkxyoM5xhXbfKn3n2htbbZDuS7mFzStAOtyS2weN/g\r\no9WLXinOxHbhMuPRp+iMsv9kjQdHUELwfNaV5k/W8p9xuCR7WCXmFXhflOtr\r\n4GPnNq0Objy6wuZI2hgsDUl/YR27dVc9kc+XbPcseLMiJFE443T1Jgw54IDe\r\ngrXnUZyiHjQgaEcSvQvXAQGJKjQxDY1x0UfSrkfAchDeTBFmqpi4ROOYFMSh\r\nWtI/57mSje6dIlw7ttCbmZLudh9aPM900UVdxrTI0zsSmH3+1XYCGFsG9Oxj\r\n2DheU2/5lx1yEGc5yWDfCPvomdF8lCyqAas=\r\n=Z77i\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.290_1651567980177_0.32231703328672445"},"_hasShrinkwrap":false},"1.1.0-beta.291":{"name":"@spaceone/design-system","version":"1.1.0-beta.291","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","draggable-helper":"^6.0.5","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","helper-js":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-functions":"^2.0.6","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.5.15","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"2521dd7c502662007d3f00ce57027892d6db5686","_id":"@spaceone/design-system@1.1.0-beta.291","_nodeVersion":"16.14.2","_npmVersion":"7.12.1","dist":{"integrity":"sha512-0cU1CqYSnpdHTLIHY5FyS5wf5dYZjT3EKuIx74g2baVg9bA2i5hETK9hpRLT2LOv+hG8vCK3hSeMq1jgt9Ttqw==","shasum":"a4c62846fb4406f4138f41de95e878fa1a4a5eb5","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.291.tgz","fileCount":1314,"unpackedSize":62525649,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCxeChnRLeitN0+xqfrrr41srU6+dIpGbv/3pu9P4XujgIgbUvV/pJDX1vxAjyBPTpijs6CD51U7nO1edvCX2Xc5jY="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJicQ10ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoL4w//cHUlXu99GmqSWwB4OAEAtY++aWooeFZtEcJXqzGJWj5vOrUr\r\nDxfh2hMQvPQjlM9g7KG1n+K0EDU/RLV5ZDLQfw7ovhykfDTx32b0d7/dCuh1\r\n6Jh7snIDUCdZHYRDLb5rzrqNcvtWpl1WWMB3ynFLuoIsNWi8k2CRWF4j/PTS\r\nkrD2lQSMaJNNmrFryi3vv9Z8A4Fo8DEF+KoDnCf0R5qvaNDqbu4k1gES0rQH\r\ng8Qpk0a9XElQXqeQmCA0IUBIS4SCFRLJisI4zAu4Xx0gHAXAtqisJ85ZzzMz\r\nBJ8T9RoWRHZvOTA6CTba+fSbt6/cCg4hA1RqtqOnrFnd9R5e9Fzr4vmR2i/5\r\nCDYrRtgj8R3Yzbbro/c3bsNiTBqbLxgeSZv497NEdHyepNRg0VTtl6qjUAq/\r\nGyZydAcZFwr5gzxyeiwgQgANdhv575+9wpL1vpVve1kbqB4ReRYY8q5HV+0X\r\nym2j7ivwo9seZlhJ0yMvlbMMQ3nbOuQct+v6q2eDmtSXqEMGWWTIfyj+pKhD\r\n45F/I0lxvK5e3YYxBFsMG/Gz+KAQRAE44AyKZx6mjrxV6naLXu5MQE4FkQQs\r\nHZboeLAUazuf9CGjetwmKE4eij20uodAd2RH3rcfS7Oz8forj0m4AVYySk5D\r\ne0UD9wIDdMiMu9nvkjEBAgxEiC/GjhAh2Rc=\r\n=nY/E\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.291_1651576179694_0.8163507742136877"},"_hasShrinkwrap":false},"1.1.0-beta.292":{"name":"@spaceone/design-system","version":"1.1.0-beta.292","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","draggable-helper":"^6.0.5","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","helper-js":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-functions":"^2.0.6","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.5.15","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"5beb5e824fe38ae954273f7b6bacaf6c3ef85f10","_id":"@spaceone/design-system@1.1.0-beta.292","_nodeVersion":"16.14.2","_npmVersion":"7.12.1","dist":{"integrity":"sha512-GKbIRQUyV2DXGSRZ89NCgLIjzhN7Ucub6aARtZ8M5/QbAxpYPjVcsCqZlmVn13odtHjRGdeZwDnFy1g1eqK4Cw==","shasum":"9633aada1190062af78953b33c007a103825a2ad","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.292.tgz","fileCount":1314,"unpackedSize":62536597,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEBYRhosTeoN9Fkvo5srZoR4yBguUP3S/2blQK6d9WroAiEA8VVZN9c4do7+HdFDbSFTn47sIuj5JB+eQ1zRjKY9rr8="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiceCvACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpNSw/+OieStmJe8hNRqw6UyIJksGC5pOHf7uhIZkr1komr4nlFt3Jl\r\nkwuz2ayploB6AFq0tDrkvlnbIUak7BheoaqP7GuWiAVD8OqkzUqW42JJfaY8\r\ncusesDw4XxHBfUgoe1rxLcmQxqN9r30ZaQ8rF+FEHu9rVrdAV8IDHPwGXZfl\r\nj5rCty2lmr6Qs65OfrLR5cBYr92OWUAhYJAHFoAPrwj9BEK4CDeffi3VBfql\r\nOJFifJZ5t8g508Ct/30ZLb/6NzisVN99RasrTdgVuv+2QBtwS5CAbo5ouBDt\r\nrWBfA8SSNflur5YxxAkWik7LDHEUKmyH3mf61r9qLVqIbbX7BIRYtiKAXrHa\r\ng/8eRr2SnLgJkmPSPhHbtZqR7IbHJApyC1fuYWx8ADSd3dfLkTY5ornDQagf\r\n1ae8jLhUdanQknlhDJjuNAgMCnjBaKMWtS41l90dDAVk4/7mLnFw06NCeuVt\r\nK41GgL6ORlfgEwngPSA4yU/C+CAO31XzVcffM62gnHWU5D4KugCVq+e3pYkT\r\nHXykNl0FxQ92hd60/HWCw9jbiBt4uznI7oyIRdmVQYZTBDjDb+VUgfWCxjny\r\nnSJtWmoJJqtUB18qXS5DqCKll6sjUoxwEvmW+0ZOOhKe9nQeC4hAAXXkPPHi\r\niHK6184NrCe5wB6WnSauDy4VoTOVrDtZhxY=\r\n=PE4r\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.292_1651630255338_0.7266027554386316"},"_hasShrinkwrap":false},"1.1.0-beta.293":{"name":"@spaceone/design-system","version":"1.1.0-beta.293","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","draggable-helper":"^6.0.5","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","helper-js":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-functions":"^2.0.6","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.5.15","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"816a96e0626bd395c23a387339747cf38645bf67","_id":"@spaceone/design-system@1.1.0-beta.293","_nodeVersion":"16.14.2","_npmVersion":"7.12.1","dist":{"integrity":"sha512-USyq/RzJ7AjelxjhCC2T0Pl6QS1LeXbKVj1EZg81PWZ/xbX2UllWYFc1C5AgOq9QNHkGbbD0m9Ai9vK9DRyxqw==","shasum":"5101e3055a599e4ecef818bebff74fa9ffa6593e","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.293.tgz","fileCount":1309,"unpackedSize":62662686,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCnIagHDcNX4GkwkBbedCQh3atD3BEVzzijMSCNhQGdgAIgN98oeKwMJTWd+N9iZIEDOl+vLRqbNlSQoEoSP1g/qj0="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiciJPACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr+zg//WMLoTKJKOMK8YI/KRzv4M/Nnh4oea6HXDCpzi0UavJQAq5ih\r\nd72Lo8WZbInvdr/oSaFqeOo5mKk0KChb9nWAkeEN2r76PKjjsPg6wFVr5sjM\r\nl9vz4KF6ljwM7bFDT5BidYA9f7Wx0XE4PWQNarf7k0dLi7Q4u3SSI/aJa0Ow\r\nSGZu3UnWZaa1md3++6jl/5yLEzwtfdzrQuYEc6QNNgyL7Mp/FhKZj/TzuwtZ\r\neCzBh2baPHFuOcolRh66NBK9sPceTDxvoL6zdbxpQbBhbMPbYoYV1bta0qzM\r\nk7jmb9tkC/WuHRfjfnYj7ADIyHXMvEhgOOdSxnRcfguA7PNTsp/I5jKWlWhu\r\nqEt1RzSXPv18tf2mSjmT5kKL44uKuF8dmH0VTYnEL3BMu8ikA0KhXolsHhRn\r\nKYRKM6JSx85GFPwlxM4OCEt1CegPXuVikOStCjPz9UQSz8+iZBo3P4OmGDTA\r\nZ0LwvMC1cDzK9sNr4TLzNyl7I99AEOaD/oCSbywOcYBEQJ0B5nLbRktEg3/S\r\nPzYrOVwLrWuwmz/h7WakO7KAYxIW7mUSdkjGKuEF+VHeZmZmcR75FKQPWtqO\r\ncEFyO2zzTW/VaGHs2Gih58WOw4JJf6KvcoCOb8BCfGr61t0gc0nsEDzDNUTu\r\na6Qai70HgGFTJH7Ys1aTlWycCJ4Bs2EMp8Q=\r\n=UUmY\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.293_1651647055118_0.26992342979849404"},"_hasShrinkwrap":false},"1.1.0-beta.294":{"name":"@spaceone/design-system","version":"1.1.0-beta.294","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","draggable-helper":"^6.0.5","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","helper-js":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-functions":"^2.0.6","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.5.15","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"91652b983c11ff8b497a0b0a631590d0c9aa32d4","_id":"@spaceone/design-system@1.1.0-beta.294","_nodeVersion":"16.15.0","_npmVersion":"7.12.1","dist":{"integrity":"sha512-Zs4LwG91rnEHDJzUMfYCpAw5b+j8KAaxViM8K1ly5HWwI7G6sCPFDhVTbpDhMIEP/Zs2cg3BKjGeOpPpVUMvZw==","shasum":"88b7c4c20bc26d5c08c5bbc3af8e1ec19471bd6c","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.294.tgz","fileCount":1309,"unpackedSize":62663410,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGjY7oCUKxUclxIIU/IzKEdzbbMLhmYs5wQIp2G/WN41AiEAmZjiC+riNr374tQ6eDPFrktjfOE0VkzfCPqHFSO86cg="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiezeVACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrHPA/+JZg+DvfksNeTiolfgemKeJSHaWG6tpCbREiklRC9P6CCDx87\r\n73U2DlAa6DWA/j4/yjsakD6HQfH8Z5RfW23pAcr7mBsRqlKGu1EzFAoOdZ9C\r\nIuFQoRqv/8TjPtdnH4MrZXa+ohMRtnfjWQOQDeinuBYHsAn1opuJMLSxllZx\r\nJfjwC2sX7xKfGFx2KPlFGtHnxKnqnbg9+8rXiGHHLqTETdbqRrwPGITmfn+K\r\ndVAqXSme/9E+jORrAdKbSMX0FpM37ebnet7Ag3jhjjxpqjeh6js3So3JUd/a\r\nar09mEViUj436Bdyx04WYhWIsvTpb+aJKtnl1BXgGyBiT/zD15CXtTCyJ/XI\r\nljbAW8oSIKNyDRZfNYjgcPOmEnqzh7kc7YILXVJREyZDSFikHC5g0ZnPvGa1\r\nU2PUR67WfF3n4s7hrFflvUqRGdYDsln/XoiW+1AB9Z4z1mal0aFkY7cO+zCg\r\nDug7xJ3OETcGEKgkmC9pU7U+JsAhuSx4O7rFx4sO9I6PBbEOOJEwvpYcQjct\r\nbfhTpwO6eQO4mN+c/M0yY8fId24hjH/bHifxddbWBbbRvAftjXS0R6LdI/4z\r\nLA6iaC+DmYpLH1oMD1VZSCbfMShg0l+V2nUh/6LIoFA3Utb7bh01hOPZ98SD\r\nA2laSJOPKdW7PRtLGtR3rssL3IAvFIVdBU4=\r\n=QOYS\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.294_1652242324518_0.10558630702164673"},"_hasShrinkwrap":false},"1.1.0-beta.295":{"name":"@spaceone/design-system","version":"1.1.0-beta.295","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","draggable-helper":"^6.0.5","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","helper-js":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-functions":"^2.0.6","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.5.15","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"3f500d4fcefc772527b7539ef245c31a83c4f2f5","_id":"@spaceone/design-system@1.1.0-beta.295","_nodeVersion":"16.15.0","_npmVersion":"7.12.1","dist":{"integrity":"sha512-0oenc18Iqs31QoIUafbJU6xwdgVQhkU1S03PNPtcTnPl5zxE740GAKEmoWvf0LNWLrJBVusZw0JtuClLeXOaDg==","shasum":"126d4e511e8c4abae89d7fcbe2dddd5f95d782fb","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.295.tgz","fileCount":1309,"unpackedSize":62664010,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIG65tSGW4Ti7DH3BfR37CG5N40wZR7yKDdU33D6R73rgAiEA+SyE1QWlHUgEREqtFs7SXstf94OA0m+sPcuwIbL+3Qc="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJie4eVACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoqKw/8DV+GSrCNghddfWNOp6ebBjA5c0J1OcbFqd422YmjRfZVGus/\r\nB+awzOObj8F9R8aSVzCG1ztnjWohiCr4nzcBkXIVIAmfzojWctMdN06e3snF\r\nopfoURW7N4Q4CCoax9S69AzfPnAYLBSkczudpTXwx4IhXl83hmlZPLAezY9O\r\nmWPyhBVjynLTJ4upHeLn0DeWGkwe0tbGbwViYCpQ4DohxM981/anFGd1aJ8d\r\nSki6M0g1bBqgfVw+F8ZvrjvUOzmvqL5tLW3HbCSu6x2Z7Ols647Wxti8lHvE\r\nHayCWLNB+WSjSHZ3bkDDTSKzOrR7xJcbrs3Sy4I1MQep1XpfVjyE1tXUDLa2\r\nVaJ02gjNYbNgqS/3jqtV9BHG3uoZsfIMLoly+vDOHcQwk1L/uQMEj4aNyyYj\r\nqPYLgFSngi5YdbCOFWGM9b8+JzSv+IuE7QdtiAMNPzopvKBe6K9U0eLvGmbZ\r\nHHUcJyyWxzBjJSQdC9Nl3UxM6r/nnuUK4Ilg37XEqkLH2jEa/DOyTqgUp7RK\r\nYv823ubbD558+yyd9pOI+0MxLZO5A9EzqjsEXmDcV3l5/rz2bJzeDeb8CIjq\r\nZTswUEJaYi6dYsTcBpCgmoKsVRsCuzlYAfTKguS+XQj6sDLgRTSrViuawmi6\r\nAjMLgRvlvwlwpdwH1JffxnAqc3Or8TVaJu8=\r\n=tNK4\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.295_1652262805372_0.6921162230112665"},"_hasShrinkwrap":false},"1.1.0-beta.296":{"name":"@spaceone/design-system","version":"1.1.0-beta.296","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","draggable-helper":"^6.0.5","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","helper-js":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-functions":"^2.0.6","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.5.15","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"09618cce16d78021a87847558e461e6c346938b2","_id":"@spaceone/design-system@1.1.0-beta.296","_nodeVersion":"16.15.0","_npmVersion":"7.12.1","dist":{"integrity":"sha512-DIq3/puz/Fsf3p+3MyPC2GQL21sD5BEE/MQTRW50073MRUMaaFyvKC/6BEx+vwIFoXawURy9ekLWPtpuj2YKgw==","shasum":"2da093c1bf758d2e8e7753d9a5b8073f742f60d6","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.296.tgz","fileCount":1308,"unpackedSize":62896338,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDrMwh3b0rXZUQowwfF50r6CKyYVBbVfqwsM5WDjkiUBgIgaIcm7xGDKxWSOdO7LzsXQUtwEvmA0+OJ+B1/Nh1PNXk="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJigfSjACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqcXA//eJOePP9bJslSgxjpmo5qQ96QMai3VSToOEKv5RP2VU4iE0qT\r\nledFDesuZwRUspl/PHxDHfWXG7X/3ktVar3ltyLuG/HZKwAqkeidCb+6TuV2\r\nkc1ejSjiUWk1uRiA6AGoXa6K+M3Jx9ChbBNC/RpfCIvScTL955Oz2Vmtzsvj\r\ngffe0fvXd3seDJitum1jVxD6rSqg//hYUTJG5HgbWVYcpHB4av7M2EiUE1gg\r\nLXHlLnhKL87/1yHwDzbo+8g5bolWZiQVdtss/2p1ci7D8G20Ko0LyyitkhRU\r\neoEpGTyHZCdwgC/qCM9dwmmirtvV21HUaPR3pJ+BAEChBW/AeN3O5FJU1+yw\r\nLxUVIz8xwRCPTG80ejNT2xbjkgwezUYtGtsc489TH6CPmH3GKe4FVgOwhg8S\r\nJ19bj/aUGrIZJg2GY1TC/6Goj9/uCnZtY4xcZOroU1N8eTh1imJ6QP8zhs0j\r\nOslDkZ6eNowxaYs+ylM+ozs1z0RDito250z7NvW5IFea/RPdf2pwbepMnTD0\r\nkJupg8kUfTb2vV1AH2Hz+iu1gO9ECEOTMMZsBaTYytDrFD06p6BR9MmzVl/I\r\n7H0e2q5CGw1XQttTtByqdemCpGiYbitlqNTAow9b1j8qK9SMsQ0gE6q8lLAy\r\nhL6d15ONfbWYLjWHO9MpAJKitNfEkHuBK38=\r\n=bJN+\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.296_1652683938479_0.27708706818201434"},"_hasShrinkwrap":false},"1.1.0-beta.297":{"name":"@spaceone/design-system","version":"1.1.0-beta.297","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","draggable-helper":"^6.0.5","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","helper-js":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-functions":"^2.0.6","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.5.15","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"8cbaf83c36d325bdb4150f409668113da8e8ee83","_id":"@spaceone/design-system@1.1.0-beta.297","_nodeVersion":"16.15.0","_npmVersion":"7.12.1","dist":{"integrity":"sha512-uJ7cKRJE4eexZguvE9RyWziz/7nLOJSGJ4J1N/vvGS5SqlLmo+wDY2z7YyDimONEV4TmYIDnp0FaHCKBNHP1MA==","shasum":"f1611b41313d3c0ea9f0aab15dfc518b0a32f53d","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.297.tgz","fileCount":1308,"unpackedSize":62880323,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDyZjbxWQBhmWXwAjR40m6Ut7o2DxX9WV1xHbzl0cCrCwIhAKKmH6Q/RbC+iMj1zVQZpx26rglS8Pquv2ECjg/iXhSp"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJighGoACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqojg//fRJxNGnVxPtaL/YwzNp+F3rR1E74yNkbVogJo38m1t9kJ7yq\r\nw/5eaeCMpZX0kefMaCPVeADWziyN1fu584IY9gTXbNVlrOeb88OS9YjdhdI2\r\njCFZ5Nx8aWt6ejCgFaaL5uXo/+j4GPLkVlwdMrmqXBS5PKF1z0HnsyVmKKHr\r\nKHaUJH5iawUoPRjfRkCUrzyR6YKUSaA/P6tMwBLKoebSdWExzcQJHYSQFYLR\r\nbVFf3bxDTmsqSoJS/5arygE5SMZgt3FyNxK5RDbfkTq5diSl6xW+Q5u5COL0\r\n2GW9MCkQrckqaVNZFxkKro3UiMNmmuvJv6B+NiV/4AtrTdafTpsdgZ8ZYbON\r\nQTqudYtSkeoJmDNOeR9vfR+QaMLoVkBR0jwZ5dGNhqObmLc1dwLAOG2geyUx\r\nkKCzhS9Pn5axyyHPjNbypaVVTR18QVVf6ltzvKkeMyYUr2Ikz5ly6BdaSylL\r\nHj0Owc1W0B8wAAvPaIOALDgLuctJ01v8QVJnU8aqu9VbuNX8VMUacyV2/gev\r\nsum51QOhdkgBoCYeKQnMLGFJOeVwLA8Gz9O2isggNtU3Ojm0Ne59Va7wl1P7\r\ntqV26UxB1ivGEpiYT9EiV8Mmr2SQHrOesV/VGvtNcxg30rqVM2BYDWLukzSM\r\n7An0apW8/NVJxXrpzSH4dEESkPdjNpqqiog=\r\n=bXZ6\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.297_1652691367274_0.36501295443762793"},"_hasShrinkwrap":false},"1.1.0-beta.298":{"name":"@spaceone/design-system","version":"1.1.0-beta.298","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","draggable-helper":"^6.0.5","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","helper-js":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-functions":"^2.0.6","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.5.15","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"74202f3f8f87b27bd5b16393b20b4c0ee1c88175","_id":"@spaceone/design-system@1.1.0-beta.298","_nodeVersion":"16.15.0","_npmVersion":"7.12.1","dist":{"integrity":"sha512-bG9lvnT0VyC8JclyBAV4pyihh6Uj7u/wFroqWn4SIqitD/f/RPjmKnqBJGrMEmuXfImrMm19YmhH3OjNFbka1A==","shasum":"70da37a1551cbae31399e09596d25376582210e1","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.298.tgz","fileCount":1308,"unpackedSize":62881509,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFGLMtJ5J6wqkTW2WXZqMr/IpVDaA3YvbK9G4Lt7sad3AiEA5+oXwHD5s6syYrTMHIfdiXt6S+h7ILIgNX2AtHcyOpA="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJigiHGACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrYURAAgSp+yvo1tB44Ve4EASxKI5Bvg4fT3h7FwXLZY3jPUSvfnlu+\r\n4ifgIfA2aq9Ux69fnVSU3MnJnzllE913DAwB6GYRRlFxc+bN88OdffhybAYd\r\nBOiNdCphbaW4o0Vpn5PAgPsQqq/zQMzgoFgOs2Hnm195mergvZrUWJ8qEyzD\r\nwaRVy73ojWsB2TTL0iCYYShd70cY3WES3XN2yOLUOhcl2lZaRSFZyThw/D8K\r\nN1GakinORvFVfgiZd0mLNFvavDUcM73TQBacEo32Z+RHqzmt0VW/WJ1QMSmq\r\njuqobQnFsI3xvKb5DG8X9MKzKbHz+YqxDC/RBzoHlkEKmUj1/tP1E0OIVFlN\r\nMvVpGqqDSYSHPWEwV1PwQBA6K5BD97VZBSbt11MtiBewvuFLgn9t2BH8sLKR\r\nvr8YNByKsM3tBx71w4D2eXNX8qbUkqKmwLJnPIq/iHJHPv73cYw+bBF6t+XV\r\nG6L2NOexMhktxNQGb4Cji7H18sQI02jAgJTvvqAeC2vb+GzHQlfP2o3/6Vlt\r\n4ZuXGFAg56JVu/cOFBVw/cgtRafhIJkQmjotuUZI5cWK84ibM6Hk/Fe7B2qz\r\nVDr++z0MAzkXf1OslgAUWSS8ddwiSgi/P8lspHRn57SrFOh2+GERxM1LeMo6\r\ngSYI0Xlj+d/V2Crgsb2n4vbAVVY65gnkRJA=\r\n=ynM2\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.298_1652695493975_0.0025601493377729323"},"_hasShrinkwrap":false},"1.1.0-beta.299":{"name":"@spaceone/design-system","version":"1.1.0-beta.299","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","draggable-helper":"^6.0.5","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","helper-js":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-functions":"^2.0.6","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.5.15","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"31b23b5d2c770f873d094b166ac4a8836d5d0318","_id":"@spaceone/design-system@1.1.0-beta.299","_nodeVersion":"16.15.0","_npmVersion":"7.12.1","dist":{"integrity":"sha512-hC063Zv9CDNbgt48CLAi0UE00ZQnh7oy8sNsSBkeJfzOsGVySbQthsm6OP/UZpvVHLzcexOCgmanWdp8bSWVwg==","shasum":"2adca47e4938f95f445934cc24682894cd0a8725","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.299.tgz","fileCount":1308,"unpackedSize":62882596,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGzGWThLUUGEaHnL1t3wBGXOFKMJfVUgiRO9z+HdbSJKAiANAciZxRJxBEq2M310lpxxKX2c7+GB/6UofCReB5Zzcw=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiglN5ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqFrw//dlVjdErDwMqo2p6bwPC6+dlG76RSzEnAuxCEYqavduuTKW5C\r\nXhx7e5iOJiuzDCDOQVadD3XGLAkvSwev5qn7sW8ngjs/p1qyi/AP1JSNu5SE\r\nyxl5X4zc3Q96IKRSwM3Af7U9KGxVFCzElWWquWoaO5OAFXiopdggQJG3wjkL\r\nxI1gBeD0eD7RtSnKwoVvjIlZC8+TlKVIg8fCz47xDCxM2R5AXM3ye0MhrU4c\r\nFNWka08kvjbVMWsW9Q03hroVUjrhNNxfzoTZKgAjh7WCewulERVNKVWDfbf9\r\nFfahlRe/oKu/oXQ/oTnYFbo8v+kqyqIk9Br7/P76Mnk8fPkrU5d5FSSOy8ir\r\nxpc2PyFaJaoav4oBkYY5AaMbF/ex2rTGbzNFrJ2d6461fKKwRDJ7ThR8UAGK\r\nLc/ee8CRmHefFefS5Pci6U9tmfg7/z8lPonGAHswbxFRKr0gqzyZtGYIwenu\r\nc9oFQsFzoh+QnxGAq3xwtgicfWirtVyY32AE9fEdFE9oGTogLhYqnz2XY3L6\r\n7/awcK1Hruny95Gxz4MWobc+Qqpu0l5v+6wQr/cTI6dYFwfKRtg5mSNQvVaz\r\n2VfeQBeUWwKsNfClIALZAJfFwAOJldsgRkuw3hJUvvR7hEcAf5fqBFHZ058f\r\nFglQ6apDQeg7trpbRfunxAJztfXdpvRFKyU=\r\n=v7BZ\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.299_1652708217163_0.7324566336475322"},"_hasShrinkwrap":false},"1.1.0-beta.300":{"name":"@spaceone/design-system","version":"1.1.0-beta.300","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","draggable-helper":"^6.0.5","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","helper-js":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-functions":"^2.0.6","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.5.15","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"fe76a4c54a5fceb486d31fb4a253be41fc4dd5e8","_id":"@spaceone/design-system@1.1.0-beta.300","_nodeVersion":"16.15.0","_npmVersion":"7.12.1","dist":{"integrity":"sha512-7t/mgQlQqTxQ9F4kleAA0K49EcBD71YbD2YUTeq9O+cbM4WTbARPzXFjUydxM6/wbWX+eyzZb1oQG4Q98nAA6A==","shasum":"ac4683965c5add6427cc1a8734ed13286022d2f0","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.300.tgz","fileCount":1308,"unpackedSize":62882469,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHudm6u9op6EkzEblC8au8+xzIJwsM0RVU/hT01iqDpWAiEAlNZndGxW3XQCg+WrQC2XD0c+B+DZZMxJMFYNRCrqlsQ="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJigxMBACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpDhA//QQQZVmkD4w1d7S1qfQ5TlKz5xaoMKBJANrlXbUtZ8vPYUR/t\r\nSz1Y9WDEFjO1nwog74LuuHEs/bXhLAX7fjLASyCdH26aFt8NOxG+L/9uxGfv\r\nLSTqmWyeKVIq3FfslGynwO7+lTQ08Xr09q0SKxfnErz9SeJbKdjGBX4/GuZ/\r\nEpNCFQ+XNjhH6HofDLkt073fihgsRG2V549i+nQ3XhPif+WHQUkY8apSMWWF\r\nTP16xTTzSvFVi11mpk7++6uVb8L92CKoq/64/wn2RrNY0PUsoGUScLBhfFkz\r\nmPJ7Su8fkBy+++6Z8iP3GX8NcBIFlChR+5UWhOxxE8TgS+/qZA9NEGBSifTa\r\n7//d+BiOa3If5ucKNzfYVJ3CPG0Kh39KN0oGrqm31EmEmSXYtoUJZHt1ZfGI\r\n9kncyhAeATQa+MXwKEMTUB79bKeuQyx+Yw8MyWj/QCyNi5KSNPKq/ilFAR3S\r\nuBXuEBjC2QIFqd1w3DtUKKh4spbTv9OegLx2RkAtzhzfyxp05o7EL52EfyrP\r\nD8aBWKgkpVkQDgXISkJooO5rCYOEWgf2gDav9z7pqa0TED2jKIhI8tZCY69O\r\n80FErrzI5xHxzLUfsbevWWz5Gehw2zDs26jVlgEIRwy891g4f1Gil9fmGJHR\r\nAV17871/QbeeAO1YoX8uwbSbmgRcCBto3jA=\r\n=WSwF\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.300_1652757248670_0.9454341175604939"},"_hasShrinkwrap":false},"1.1.0-beta.301":{"name":"@spaceone/design-system","version":"1.1.0-beta.301","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","draggable-helper":"^6.0.5","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","helper-js":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-functions":"^2.0.6","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.5.15","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"c9b5134a7758cd35b78c9fa7fb6a8855f96e844d","_id":"@spaceone/design-system@1.1.0-beta.301","_nodeVersion":"16.15.0","_npmVersion":"7.12.1","dist":{"integrity":"sha512-HW/sNoXcLiZMc92qF6CBtk8mhSmvTawJRkZbfRnS0DrM6mYm7OnGkwfAN+YH3PfQO32Z9vZmSDHb/rgUidPjQA==","shasum":"605965118ce3f8ce7a9a68ecbe30f726e99d91ad","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.301.tgz","fileCount":1310,"unpackedSize":62883303,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCnOrw9Kq4Dr3PsNiDatKb2/p96lHEV2jt9jIWyP1hjAwIhAO2MHBtmwTRTeta3oflT7tOUcUKoF7OndSeaHljN7f19"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJigy8KACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpYmg/+Kk1NxxJjqLrbgI5jm8NhH34j8TkRw/UZc5ZzNmTxm5Iz9M3b\r\nreJW9u0EymminF7SRhWaC/cMeB5uDEtQNhBSXD1dQahDioQw8E9ChhCDhrqJ\r\nQkXKfvQwwdwTGAAHGI1SDRXyqKJJiFFgJ7v4xGrkkjtkfvfXqbRT82WiAM2u\r\ny8eFmR1O+xVEcTUxmaL4ukkwogkuv4D/gT1w/bmnlYPqVSYddo+NCa00QTGH\r\nIbYKf3q0mUpnr5rQeoId95PVUELXLt5Ya9VSG+46NxYiXXOYmHNoHpqmNQaS\r\nfpUsWS7ltmZnsc8Qf2/0qb+p5YJUk/ao5Uvagru9S7XdgEj95lD2574PmZ+B\r\n8zjaQGkrCDfkrHHOadinoKiA6wf0QSFUl58DAA0370Nw9gEM69sIxCqXz4XQ\r\nb1W2r8akHZDvoz2Nlv3cnb7nLYfBl7AhJjkwJ04gUV1osUuh3vQmfUwwCqCR\r\nb/V4ZS0ALaY0WHXRMqNwH0H+i2tCo7GvIPqFB7eGj9fomynUAs43EaQTENYW\r\nOFAw4YYQXC0ySRa7ENxN1vaHGzIcLVpGpljOhLmUXITipKRy8MxLqgjBDBWQ\r\nC6udPW7k1xp700sZa7njF96BqMA0fdCii+YYHPgWgma2zWHN1FUsF3cQ2sm+\r\nfkldP55+ESwFnnLIzjWSWuqhokAA9Q3zzTc=\r\n=e6ff\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.301_1652764425855_0.17543977444718784"},"_hasShrinkwrap":false},"1.1.0-beta.302":{"name":"@spaceone/design-system","version":"1.1.0-beta.302","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","draggable-helper":"^6.0.5","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","helper-js":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-functions":"^2.0.6","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.5.15","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"018bcf49da410e4fc3a9472d78859eb61cf23665","_id":"@spaceone/design-system@1.1.0-beta.302","_nodeVersion":"16.15.0","_npmVersion":"7.12.1","dist":{"integrity":"sha512-vHCY1Spw3NZuG2J9MgMvOP3blg1FLZiGT5HLfnynwOsZukvCSzl45y6AoZOzii4l6RNTiBh3bUkH+TxiCaMblg==","shasum":"279feebf1550f9516364a6f5ff00f9408653d13a","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.302.tgz","fileCount":1310,"unpackedSize":62883472,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD4k1UGEV9VTOW7mVudfrL2mjevmEjwQWhoUJOz0EIj7wIhAIhhzBa9VPJ4NiTG3tY/zgsk3qpEJIuSRsJRPKpbZYNf"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJig2gGACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo1jw/8Chf/ViAkk+HXOw2WFg0OsK3fX26JZQ1CQ80oPfYgDNUfSplE\r\nN+MxuDsdZl4WYAbndnp4Z2cbT0idQWWusLfrKzFGbNGnIXzaeSCn3PMGnoVK\r\nemyL7jA7oPO+Qs+IMgCG4oyF/8DCnLAcagkyH1CNteEDr3CrkqEqPHjhWLNo\r\nLHggWS+EGnps7VvDfQZDRG7LkVwbVMNiOhfs7mFnH9/15XWql2ddipY8HQgs\r\nW2yxvftDYsFUh0pE2KI0/O4VyxBhHhAHJxEw3tmoMRMHjrkoH1tv139X/nLV\r\n9lCPlGR7XzpO34flydU53wmP9tbgj2f58p0CJi9C1zrkcZSqwWI1yBUUQFO/\r\n1FHs2o7do8sgxtLorCQtlaSOeQIKfhoIe2aBVKBLkFPnmadJ7qQzcMaN6aoM\r\nB817T3eKiqm9KAW+8TZbOJ7Vszcqn7h3BkgNzC1RwFAmn8BB76tVQRHKcuMS\r\nefxjbuy+YTqFPagzccu8J8RF8I1tbdvSnUS+SYj5uiGZkUdqBnuV2kw/pPo8\r\nZyUnXDbclAB7LA0xDtuwf9EdPkQGMCRl+knsUeSDWFeYwDVGYhHGEx9otC/O\r\nG1VNb3NkOFXn88wMc4gv42ZSlMBaBH87GZY9NreKVkkaRdRj+rG46alUh9QE\r\n8ok+WhHXl1mPO2XOZJftxqGQSep/Rc3zKy8=\r\n=WQYD\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.302_1652779013436_0.8143372230748562"},"_hasShrinkwrap":false},"1.1.0-beta.303":{"name":"@spaceone/design-system","version":"1.1.0-beta.303","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","draggable-helper":"^6.0.5","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","helper-js":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-functions":"^2.0.6","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.5.15","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"50d83c88caae523209405d8c2c5cdc316181d268","_id":"@spaceone/design-system@1.1.0-beta.303","_nodeVersion":"16.15.0","_npmVersion":"7.12.1","dist":{"integrity":"sha512-7yMuPsNRpR/Nmad5TlICEg/IKAVVJ5GMWZegajPM2F3A0EOl++yl7S1Bnq3OX7+7mXw7UbVdOZJIAXHqFmpmhg==","shasum":"656bb85598c8e1cbb28e08e37f36ea81a3ece337","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.303.tgz","fileCount":1310,"unpackedSize":62886400,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFFxXIjBWwhPQeOnbIgi/nw/NgGewh9xS9gbOW3Y7NwOAiEAlEXLegYV4LbmA77TnwMgVe2M8/rXR3j0tXwkBGcnYD4="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJig3s5ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoiQA//YR3WviBmD0wEXFt21pVD7cKc2X4mEzr0P0FWg/Y0qCNVjYJ3\r\ns7NTzFa5NgfRB8jsLBa2EqhS7yOLeZnaqz3m9YrN/riiZzORmOU1FmVjeDAJ\r\n1wBfb3Eopw+mG+2ek1h+qYkoHQBaVCbaVLHzepN56QAA4rcSH+Z6okoRivYs\r\ngsig2IhYBtJXjVd438F8OZLnLAvB41ARTzhqvT17z6CPDz6vWuuBQF+ccblx\r\nxYnNBn5IskGeB7X5q9ZhNfAlXAh+XA/y3U0O/R3eY9m2PkRqe3gKURxdkk4/\r\nCJYZk2AvDjn+2sM6EuCNg2LwS2fAqZwbCZN2jF9c6vKQN4qIUxkTlUAXDOfK\r\nMPRkf96qqONeYyD1ePLDxhchv5UiHKVSDCYJm8GhE6EJHCwg+lyNxhqawIZZ\r\nZIwru1gOK+R5lLcGfYOhlSafYs7UN3pMrCt7TjMZoxnY89vjtVdVqqCnwUFx\r\numYPLhxqNrFwWxUQFv45i5yIqKgFmL+9AIDg+ZoG8TMzmS1gH3JAFosx1dc2\r\nXxrLUmOlskCr+VBj7gf6E5TFTbdToJ93CwEY5svFkLzVpOJbEIuhZdwZvSlE\r\n2ySAonn5XKeOiIdAV8+wmKBrsEJWbZStaqSGw3mdon/cts4zBCgJDVGq8amH\r\ni2Je/7HKkk/HaxyDMDJ0V+Q10wrvmZpimXM=\r\n=nfBo\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.303_1652783928698_0.8555867380599689"},"_hasShrinkwrap":false},"1.1.0-beta.304":{"name":"@spaceone/design-system","version":"1.1.0-beta.304","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","draggable-helper":"^6.0.5","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","helper-js":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-functions":"^2.0.6","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.5.15","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"7981d868c7ae466ec8f097855a4da530f1c0e9e7","_id":"@spaceone/design-system@1.1.0-beta.304","_nodeVersion":"16.15.0","_npmVersion":"7.12.1","dist":{"integrity":"sha512-p/Q0Z9AwU2BZ3NvN9u2d6DGZcVsyfnR6I9Y5PKC3pWQYAwu8Xl03iNnwjDmkSOWKTREnim60R/IljSsjuPt3bA==","shasum":"05a9d5976314085d604134e58762a104bd7de162","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.304.tgz","fileCount":1310,"unpackedSize":62886478,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC1bXciG/tx+xxz8SzCD5BbSOmjV0k/5L1U66dbx4LE+gIgUqUETi3dZooUXJL4Et87+it6dWLsbPGSlG1eBNTyBGU="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJihIT7ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpedw//ckV1+MtJ8QR3GATQy9SWMvENJXW9/k8W0dLmI1OcY4jANNHX\r\nctWSz+Q96tMzeBTcRzYnfR+slVowpc4E8tuecr8ql7c5sAYJUj7gluqfaqx9\r\nDfvqMZL8YuNLHIX13TJisJLYntMiPcFVhIB/cE2sAXMLZ+t784+oG9h2a4Sd\r\niURORRgJl0PLLMdrBPdarx2uz5YrtFL6PBFTz7fZJsgT5ck9088d1hF0i0n2\r\nWsg9HjQ4MJwAJXiKS+cm7aVZWI+Pl3VfhdqqNbTw8d9sf7GmVYCmXmftgsD4\r\nF0LbdfYxRcGCbHOHMNDAQLO2I2u1K6Zb8nbP+PUvkTsWLK1DeFiqGnzxCiCy\r\nRmrNlET/YTb+Az0Qx2AHJUojRa8yC/0KEqvwtELt2Xo0Jhw+MpjBiV9N9o2D\r\n1nxueNa+kgRdruXh6gH/BCttatDqICS02mFXHtRv7QmsT4L+BcbGRzHVqO3/\r\nEublrw1tKGHk1nqZxXzByAgnvlNDjGSJ93nIszx5ZD11NgdW8TjUNn29Jb2G\r\nHwkWXPdQOq2hUIudQRmnyvRJXU5eHSY2nsK+CVqOucJ8TjOcnod9/hNtd6h4\r\n1TnjWF1ZeVa5sM21y8nPCs1jVYrPkTtNR6L/cx6hFDrbOOIWj+2RFzXT4c28\r\nK5CtcPxKgA/xYwLMsLR/8ygeisgTcix9Tks=\r\n=YIM0\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.304_1652851962869_0.6028858584017254"},"_hasShrinkwrap":false},"1.1.0-beta.305":{"name":"@spaceone/design-system","version":"1.1.0-beta.305","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","draggable-helper":"^6.0.5","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","helper-js":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-functions":"^2.0.6","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.5.15","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"5df01c34487aff5ac6aa8c8e9aa2aff4bae0408e","_id":"@spaceone/design-system@1.1.0-beta.305","_nodeVersion":"16.15.0","_npmVersion":"7.12.1","dist":{"integrity":"sha512-Kmxa1ktjQfda6Es/KxNRaIXg79DAUil05/n8J2IY+zNbh1cO7Um/ugr0zBVvyAhTtN85PjTI99nKcWjweNE2DA==","shasum":"579caa273380baa463ab409884c0cce194e44d3d","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.305.tgz","fileCount":1310,"unpackedSize":62887148,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDkKX2G/NsUc+vmkIiPs9R3T0o6b28PGEnalJRWCj3v8QIhAMz7CouIYMvVRoaLfcGzq9f5VO+uCdGchkCuLsjkZTxc"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJihI1eACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr4jQ/+INtTXdJqVKlVk4IqHdlHD2YUOWg/986RFNhFxoUi0kY70eom\r\n3wp0Sm1HnRqGr8E+kdaT7QCj2trbSmijYbbTolhd1mRGoweC7PJO9Bm4HVEb\r\nlRTdHSa+WYcMXIE2X9hDglK5WFaJApIRIvhX8FaRW9MNhUG+a229x/0RXgy8\r\nYi4Bfv3GunJ+rJwK8tjLo/3n/EKenmmnt6swbHhDG9IolidJrRRHInsvUMG7\r\nzmMeF4EIxL3WU8zOvh9x05llmFlzXr2JKZdg2glUyeYFZF7OJNBOs7UY91nw\r\n9lUFgwsYnKBlV7/GGlmiB7LGurYG9XsltL/1TfomS7jXbTRdF+gH0CMePMp0\r\n4qEsS/W5myaH3xaUcAGymrllulWcuGPNZr0aW8Xt4CaphOTwdIKDVn4zjHYk\r\nwwMIPnKAbNYybBv2TrFxuT7ioAMZOZMSxtjjJ09Y9zoDV05RdMx04WUd9IXE\r\nfsT/+hgQtzT//dAmwWHTLHpHQqydQmMr76ysXScEi4MjtNeTpcpn6QlO1ojT\r\nJRDCwdJCk5hYUt0MfQNbFJPFHhAEF6c+PTMMgUf4g+OJZ/Dy0Ox2AV+4wXEU\r\nz7hG3OIXTT77QcvciAaxcA+hihcAYZ3mTXVR/SGoZfikATcWRbrSHMsv+ZsO\r\nXRmR5T7zOZTx1xYpLlywvHFNWvoww9hN69g=\r\n=YxTe\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.305_1652854109845_0.1689439123707357"},"_hasShrinkwrap":false},"1.1.0-beta.306":{"name":"@spaceone/design-system","version":"1.1.0-beta.306","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","draggable-helper":"^6.0.5","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","helper-js":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-functions":"^2.0.6","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.5.15","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"25266a75da6fa0dff243ec9456962f2cea785816","_id":"@spaceone/design-system@1.1.0-beta.306","_nodeVersion":"16.15.0","_npmVersion":"7.12.1","dist":{"integrity":"sha512-V2pS4lWFxmOYBdcOte0iF2TsUIJuD1lU6MOEu8q2U1mfXvcZQHJBgg8/LxTdBbXa8I6AUDsEEyz3dbUy2l1XxA==","shasum":"ba9602a29bcfea66fabfc0e0466ddd7d4c727f9c","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.306.tgz","fileCount":1310,"unpackedSize":62900594,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC4Dk+XCnuACwKGAKl3Qy1RUC6tRXw209LjTiRLe/7LGgIhAKfuFNLStS+tw/zQFJoNPwoHKL4NNfZnpxXIL+bzlCOm"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJihJW2ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqeWA/9FMHRlmdgqeG9GMIK0X9znuUKLjt3IkN85f1NCUwAdkdih+K6\r\nsgih8LyP2+Me39csGSk628cC+Lf8sWj+baLGmVnZhv/2aqxgxjLCTG2IcLVM\r\nmQq5zcgmr3jwyAn4XTeKwnuxGzHdkZkO5/mS2htDTXtd7tjeWUDHIKt6VnXG\r\nI+t8bS7iHDuRHCku5UnPS+2pcCVGz8YGZXs4Ovyg/WOuA0BJ6WecWcNa8RPB\r\nzE1XfaIJm3bR3alcY5cj8x0GTpfSHvXz6HXKEnPtGgzfQPB8XkBczSVSjv6n\r\nyjKut8QgS6+ztk2Ayw9mXvBNSiJCRxMgA3o7pJuy775vOjJPOU87YKaOCaXz\r\nDCfesFVjAhCp9/PHn1JNldXev/Z0Q7GBuUG96OJi392613YevM5YSfk06AOp\r\n+R1sIsvqvA56AVx/RGjsNUim8dGBDGfwQmectjcFMSj8salbwng5/s0TBVPh\r\nBcXKxtxNh/whKWdgYvAxWRmybKJnVYurGvNZLifE1Jk/V+jg5V0b04vphal6\r\naD0+Mo8e7vL+HypLKq1hSA+AEOXFwOsnhRacGan+i+euhCYAwRSa+CaVrdNZ\r\nN65ox3D74o/mwIxzUBDTmZjhRkoEb1iYcI2ygZa3yYXcBZtgQaKDeTZcqDLo\r\n7gIIGZhdzldub711JjCYifptL+onD13N364=\r\n=o7p8\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.306_1652856245908_0.002908214897132222"},"_hasShrinkwrap":false},"1.1.0-beta.307":{"name":"@spaceone/design-system","version":"1.1.0-beta.307","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","draggable-helper":"^6.0.5","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","helper-js":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-functions":"^2.0.6","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.5.15","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"8a0d359f90eda760d503d89389dbaeb26c2b8144","_id":"@spaceone/design-system@1.1.0-beta.307","_nodeVersion":"16.15.0","_npmVersion":"7.12.1","dist":{"integrity":"sha512-IleUAuvDJqkPeq2e4SUFO7oFDbkGD9pwLiWxMsdjswD3etj8kerpQBwaWsU5Klf1NNRp4LPYPOgaIeYFhEqXWg==","shasum":"3aabdf1f9f1aa7f292177f8d9545fd61ae1a0c5b","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.307.tgz","fileCount":1310,"unpackedSize":62901592,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD7LpSerMj/ac7NcxJHwR18OwvZSrFD5Qt8PnqO9YaPZAIhAMegGEsbH7HgiIF8BRowGX3ZyWW+xJfgUjTO6W8Uzqjf"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJihP0QACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqhag/+O6B+ay6+eVjccq1JPG49qo8Q+TAgrCK2SR8xllGZ7I1ZX1TD\r\nc1MW0ajv0WZmtWuFsmLadV0/QO6scu4WvB/K6Qx5Zfrz+W3UkFYGfP7P2L31\r\nYFu8jLfJifp22FsCmRLdm6WxRBfrCs6DybRH0Sl3CEtXOK3FZT9pF5XJoexk\r\nNO665AWafN+5EiOmGrojMcw33N19/D8fu74j8U5q62HqoczbhJwU5uPDdJHn\r\n3m7r14GSnwQ3E+vytqoYoIGWPkIBfhlSzvC63TsThrDIMxailRguzOX8sh7I\r\nG8ns0almrFovu/yKYT2RxYhfqD0S4rId9WQhTaTJvkL6K7TozKUol4y3oxJ5\r\njJCxbYsHnjkrskR3G5GISJLZPCr1HqEVx9WLjUfJxzTneKkvmDxXGaJgCnTW\r\nhyw+aRC3rLrDnpF9300zGEcCzSoWtcFkpFs87+vaO8gAyXKn4Qa06jOAg36j\r\nwqkJWS/wtaYmllZK4FeFMq506teYE6kH9fmj6JBXxBPc+aOR6euaf5YJl3Mj\r\nkQeutSv9HNaoFPsRR/zqdYMSzRoxU27yBM9WpHO9qhptiREYb4aCt+ClKC+n\r\nuKlAI9ST3g6mHGr8/ALZl2Y8x+wh3XvXJrBu9rrz4rkS0gZsQ1/+CzR+bGqe\r\nko6mfJXwYWW4qGWphEDmTw9DcQsvHYiu8YY=\r\n=1Jxf\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.307_1652882703290_0.6803085803173234"},"_hasShrinkwrap":false},"1.1.0-beta.308":{"name":"@spaceone/design-system","version":"1.1.0-beta.308","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","draggable-helper":"^6.0.5","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","helper-js":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-functions":"^2.0.6","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.5.15","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"dc7bd2bca1e479f686f194a52d17eedf8f2ec210","_id":"@spaceone/design-system@1.1.0-beta.308","_nodeVersion":"16.15.0","_npmVersion":"7.12.1","dist":{"integrity":"sha512-RNZFQ5xyGiFCWje7aTMV4r/yLlbf51FFNxOVXbW8jl+LrQ5ro/DcjPiYUNlZERQaEvH27zfKxksurJ0mJ0hFSQ==","shasum":"139b0ef0f46dc42f5b48f00b09751fd1b9390150","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.308.tgz","fileCount":1310,"unpackedSize":62900360,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICVUSEiD6v/TxJ4EA9/5D/n5d1S2bSoVV0b12/dOycmKAiEAs90LvA0I0vto3HqO2IbwrzTjqfX8y1/a8bds0n5ws1M="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJihlfIACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp28Q//eFfh5J78VLPBiiR4xJAFcwOhodI2ELvT5PSry+7FCI/AwNi5\r\nwIGIyIggXfEKmGmQcuXPeMeON0Bj7AP/a4EScQaJ+bVOBKI1DjWefw7JgBcl\r\nKQNiLko5tW5HDOj78njztOTKuX91BgcsVR9LztkPTBJy0N9044+eqI1oDq0J\r\np0G2cMpfWwZcsw9aa5TukYAfNM7vGWBczKzoqozvr6ek4IoHTDIPbSAFhRZ+\r\noe7+b4P1IgxMm3TcAiwzkzrqWwsBCQibatVfGRGDy+cTe7FRBiwSeBcurMT4\r\nTaRm1wxXK20iiPBmJ3PMkx6iOzR8y2PIE11+VDnizYPpyfA9RGCSTGMWEYvK\r\nuD4YuMs4TgowIs/9h4oAt8Fva1gkVEAnmTy4qxHn2kOuZjbbYl2J1eJOgm3h\r\nn8Cn7hm1d2dUagKGLg8Ur3k1c45dTQHAdtLIYU3pqrqAiTCUg5ZiYpIap+bq\r\ntyanKfAeqhENqpAc+zDD5iFcJ7vqplob0RxFH+BO4aWr6vbESbrDTOo3usXx\r\nBqHYc7RYZgFR8y7niIRvbyeA9IJKG2Z0CjW6ervoUxtsxgLKb32c8C2SvMmX\r\nVJIpOqO/ayJrtNgbzsBn9qW88Wnb3kgO2myOtCpJGCfRmhcCjozeESocVcSA\r\n9dT/Pg0hde/Y4+nVGbuMjdkigk/2BJ8Yn74=\r\n=SU3D\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.308_1652971463294_0.7769694681267221"},"_hasShrinkwrap":false},"1.1.0-beta.309":{"name":"@spaceone/design-system","version":"1.1.0-beta.309","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","draggable-helper":"^6.0.5","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","helper-js":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-functions":"^2.0.6","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.5.15","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"14f8fbc37fff62979456469f58675044d2edc34c","_id":"@spaceone/design-system@1.1.0-beta.309","_nodeVersion":"16.15.0","_npmVersion":"7.12.1","dist":{"integrity":"sha512-51AhaDpZtlidt0MTPYyAIN6idKHT9h/Xkp5LTtD+fmEDNX3XpQI6bJ3Kyet3FjSxzHPbqSqZ1ujZHIglsjbEFQ==","shasum":"3a07da2d2540f2268d0ae96ad637131959fba88b","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.309.tgz","fileCount":1310,"unpackedSize":62900744,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDyBXTWcqUV+uWlFwteGwVKCetDVQDq/LnIeJMNO4q8oAiEApbjHX8lZ0g0Ytbr2fD+At6QnRm9UNgPkBgE/8soi5NE="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiivssACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpYbQ//TZdktSGRM+oY+QPqC2QxZO+ZD8w9xcH3Y2w4nDuTuE0Y0s6c\r\ng9VLFV4NkVFLNhaTqKYzPqA6E6LhJidKy6100UtV/ZNy4KSdYglSgSZ7Avxh\r\noH9wksXj5EmVZgyJFNyfpGRN3EH2z/3CSwE14xMlYg8rf6E0uMVwOKQ+qMy9\r\nfRZEC6d4eDTCESkkI1WWlizmdoWNo/GWWeBpYmE9CmlPvuxz3rOx1QQLaPZV\r\n4nvGohy3Bj8QgUluZa5jjkmqFYl2AGd9ruiI1c7sNlhn6t+e1SnkTfJNG+gS\r\nfnNOirmmL9z1b11FrKI6wchFgmfz+m1+UvrstTH0zCdWKuzLKUbDnXf+yD3P\r\nakbZwQAT8sNJBs+BHnVb8kVveeIdkiFmubgwrTPsb8GKwkH8rIudUYEzPt4z\r\n6bC8BMwLeeE9RwSpWw6ZTo4uSQoX+c8wXcT790ilgScAAfy+APBjCUWZpulO\r\nmW09Es7P9KUm8h78YB3sMdF00O+kZ84BOO0pxX4AYZyTt5VTBFXdhcSHEsk3\r\nXa2IM5MIMTBBoMX7xJF87y5rHcyMx5llc9NUNwMS2wBkCsChKLrNCFNOlbgL\r\nAc3OfoCb6PPIOszw6MqLSOE3KEVLyLnPWoE4DKX3lOMMreyEmht7smOSa05l\r\nI3IaaDrvqA8F8t4WCE3H1cYy+8cMsG1k4f0=\r\n=F2r+\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.309_1653275435597_0.5754830172392593"},"_hasShrinkwrap":false},"1.1.0-beta.310":{"name":"@spaceone/design-system","version":"1.1.0-beta.310","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","draggable-helper":"^6.0.5","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","helper-js":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-functions":"^2.0.6","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.5.15","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"c301fd0dc0d185cd2fc65f7d892ce3a256f947a9","_id":"@spaceone/design-system@1.1.0-beta.310","_nodeVersion":"16.15.0","_npmVersion":"7.12.1","dist":{"integrity":"sha512-DCfEaHXulTOdtsw9iVPYfKNEcfhhS4TGG6O27sGqDbAPN25jOudCOaVhf1BtTd3BUqRaruoFgZWywgnH8v9fSQ==","shasum":"fdf99f407cfa1d9ff8db12c704f2cff2519f444f","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.310.tgz","fileCount":1310,"unpackedSize":62900689,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHH+9HmVnLO2BpT2BZDMKaSqiK27ustyaDwDh067dNtVAiEAtw7OtT1jLP7ARNJ9ePIXaC3lNn0221RYjdQMNfx3WkY="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiixEJACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpGUA/9GOCp0bm5p6JR+vHPPO+GHUPLN2+M4WTU/cIbEa4AJclr9Rtg\r\nta06pb2F8WhzNh4OJCENXLAyI17Tf6XwRK5Hzhu07OuqsFhh2OVwjgNkuxck\r\nq59M19leRlBz/V0W34E/G2f9Srf5ZiHGGp3lDfkxyfvLVdI95Pp+ZWreG2iq\r\nbMyCgWEbnmuTxRPTmVPgCYaqxz/RhHc/B2jLO1zCbw8SJv7GvgytZCitD7fC\r\nb0fXaYuPuHXByx47rPlOKne44tWxrV7Bo6pRmYrqF6F0tijv9RP7PjbDgd41\r\nc6Xy2LZGWhFsZDjCRYDHXnHQeobH97HGcKHIqTHV55bRdJMwuO/JLvPJM3M8\r\nSSUaJGXQKD6VeEelTlpDEUGD/OvEM4XowG8ch7sdqGS8qmhW5IQaM8h3zLB9\r\neGLJSAZJOysj1wdNj+kmaJ1VLeRM2alZMRMWIWE9cPgpFg9u/TPeeBo6bgYw\r\ntdkarnQEjp0C6RFDTL4Pym3qTtxFquPfEDsgCpacQmePFuWBTTqPluNyduur\r\n2eAqHtS+egsjUi6XLLOrpMWeuDn2bo5+iLBwKu9MZr+HJgBFW6l4NyZU8JIC\r\nYqlkar66OaABg0p6oSC6UkQ0r6y8KILdBon+iqK+pJGAF2MmUuIXuCna9GmD\r\nQvPU8G7FhxwhnLH9IW/ZCFQurWlHhtr753w=\r\n=fU1X\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.310_1653281033325_0.5552670938287159"},"_hasShrinkwrap":false},"1.1.0-beta.311":{"name":"@spaceone/design-system","version":"1.1.0-beta.311","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","draggable-helper":"^6.0.5","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","helper-js":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-functions":"^2.0.6","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.5.15","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"a07227ecad00c382b4f46ecbf23f9239daf66f81","_id":"@spaceone/design-system@1.1.0-beta.311","_nodeVersion":"16.15.0","_npmVersion":"7.12.1","dist":{"integrity":"sha512-n3P0Tafv0pkagCD7hHyCBOYBl5UF33vQXjVAw7Z1eynFglJYaVaY2VXP2CmLZM12fbwQrfkuq9M+3VbMIeN0Ew==","shasum":"43011b3081ac92fc39dd45231f2deac9a026f65a","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.311.tgz","fileCount":1310,"unpackedSize":62907696,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIC51aIR09EKtDWv8lsqPWSxkKxn40IZLDSr2uAlXTCo2AiEAiROA8ctae2zOUjOBjPYqZQ5r21bvxtUEaziLTz5i4uc="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiixRcACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp8cg/+Kxgj0LhivvUs4yptCTzoF6JKlcxz20OLB05WIz9mbHDDLI85\r\nzWPRmovH/3Q/47K0JgQY91mCn/tlueDgugbh8qQG7gFWv9WYaZWKJGkn/oBI\r\nvF2PKOY75Ypta3zeRQAPBGG3aRZKU7bzE3bAfEBDGO5kdpImYcbyAi5T3eur\r\n3ZwWDPpXgZsSiPklOrCj28q9OR+Bo8d3e72AsksiRK+SMgOQiCgL8Nh9S9Wc\r\nK+x7qVbbs3X2/nSU32tz5zvCtonbadWy4t2Yw5eyyH4RV5+Y5k5Lhhdp+MKm\r\nGjx5WB8ELE4KQDDTH+hqnhM0z4ngJiH2jUYDoYIql2fQhUVqOkmRn7+y0XjG\r\nXMFTVS+KC/uz6k8CuxJiWee/Tj9S+sWXz1ohPCyg9LydI6MpOaRYIBEAql0G\r\nimWNfqymOlV2gCZwMwZbXiJEmfzbg51xCxch89mtA8FwS663kKp7ijqRz1PP\r\ns8sq2n73AadHsmtTeDFkrT+eO8ddMHcnknQ5p9iabJckKhLEpBN/ylguQ68f\r\nMcrItyPQm5yvmUaFh8BLNJlTP4phSaAX+GjuyQBRVqTJe0H+bkkB0IDTYmpS\r\nsAk36F2U2y1QAxqknRCaoh6KI2v0v0DLrXXD1FXt9STAI7HlPZyTTgFxy/HX\r\ngZebs+p01fBleSoIyEaIl24Cu6so60l/DQE=\r\n=9kDF\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.311_1653281884397_0.3019351466069"},"_hasShrinkwrap":false},"1.1.0-beta.312":{"name":"@spaceone/design-system","version":"1.1.0-beta.312","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","draggable-helper":"^6.0.5","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","helper-js":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-functions":"^2.0.6","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.5.15","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"9c939481d289dc1d0b1ef7db9be8d9eeb7f2de54","_id":"@spaceone/design-system@1.1.0-beta.312","_nodeVersion":"16.15.0","_npmVersion":"7.12.1","dist":{"integrity":"sha512-2R5FwcVg9zn5sgquC6I8ihQhBuZKwtizQvP2hXR0cXxD6iUMk7LaJQ3EZVIPoySdkYcuowlb88A68Sdlqx6ZSw==","shasum":"e62922b57cb6535b413443274d87d1c2c459eed5","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.312.tgz","fileCount":1313,"unpackedSize":62938683,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCtekpvhLhObOnEk+Wi9DAqKzo7VSEM3Qo+bdKhMHrXEgIgQwiJMGZEl7XeQaE2TJ2/WkAIDFBXeOZlc2bBCAABlK4="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiix+yACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrQmw/+MlfLnuKHlh22vUPRWdTTQbO76mJX1K9O6E/bHawSswu422sW\r\n1lTTuLYslTbvutNWCVYLSkdxxofiZJ0tEpP3M93NUVK0KRaO70EBA2eylnVG\r\nxKkAl3HGRK8V9avA9vKeghSa0yOPx3YA9QS46kcICI5IiUBUbZfbup5oV4C+\r\nF3IgrYhERk6GfM+HzaKE7TOTKxbTUqzWlTGsCavqn8DEp/JwtztOSs7328aL\r\nKJbrZGht2SQ82KQuFIaxj5IqI9t4GXuJ2KRS5KXV7NCvwr7onoMbsgawHv5L\r\nNsA46qF3A5AIebkpzrtJ/wLCUXFG/OMJt5ogwEmgEcRZXpJoWngmmLEEar9v\r\nJfX2xfqj42T5YnJWiY3M8zxhbaSk5rj1Zmf2W8nTCMFZ6YyMw1TFPK6IhdM7\r\nr2pV1jYBOsaF82PvFd987n+HuNvrf2REaiP/XFtOxrzeA/nOxh0n8bi5T14k\r\nVt6neu92nl/YX7kSefQnyyd+5nj7uiAyurLWtfhGHgDthvLJOJ0E/JDz0tJr\r\nzmH5Ep5yPCre8/dxgZ4yeIbsNICHihxIoe/pJk2FbOangigju7qfsJobff7N\r\n0cJFHb4dXUxeP6+WgEgiCeATZy5kn3vGn/2BHRLSvHasPqpuwZDfa3w1AKdQ\r\nc/31qo4BunHUH+2CXChogDHK/+WKtvtwy0A=\r\n=HQTx\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.312_1653284786040_0.2812144392176419"},"_hasShrinkwrap":false},"1.1.0-beta.313":{"name":"@spaceone/design-system","version":"1.1.0-beta.313","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","draggable-helper":"^6.0.5","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","helper-js":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-functions":"^2.0.6","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.5.15","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"745e8ba6bf9db6935ed41531048dd523d4b60a72","_id":"@spaceone/design-system@1.1.0-beta.313","_nodeVersion":"16.15.0","_npmVersion":"7.12.1","dist":{"integrity":"sha512-GlO8S/WRKwoeuaYe4xiJztJJZNC45yEWHt9crdqFYgjmbDuGz4gVLxx9Ydpc+xNBUZj2r+HN8kJKiXqbM3iaXw==","shasum":"40e7e0862e99f1400592eba6050afac471cc99a9","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.313.tgz","fileCount":1313,"unpackedSize":62892231,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDm1EdOiUXidBsRxitxD05/vrTpONuzcj6d5Cg7bhmFCAiEAmUVTuND1HgJ+vu1OONKYZkt4R3wdERa3NPtCfLT9My0="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiiyavACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpKtA//f5HkuW+ydSCP2H8HdlpmF2Ts3qEAL5Jp8c+P3HE2ixuk66QG\r\nwCWEzdIvigOp/nswMepupPFq9kD9naBfq2ou9PXEc7EbdSURcsQO70tCcUkh\r\noCau8qQmWiESLerUe/7WVsavWHWY4iqD3njPh1Y5N//s+IzGISmeS+ZniKYo\r\n4ktdpfJqqTkqaOgWBOI50t6pMH1dyMfdYoJfH22bfZ3S6WlLalKKGQMpxqCI\r\nOqUTuC+HFV9MvcPuWU9qPLpkNCnVgFxJ0MM47+m03r9FIxQIovActL7Mf2R7\r\nCAtH3+a8DcIpgG9LRAhOiFAnBv11T+g6WHXxA8uqqW0CHCS11n3gRBFT97xV\r\nvh/o+Xqj10gmibfJ/4CFocqYbrheNqLKOGyUReuUbi0Z12eX/YxDUwHHj3gc\r\nVPcZe7cSZiUcXXh0wxTFJfQkkFSdtyzcGbE1RpcpCz4oBKnVXJaw3z+i29/Z\r\nJv0eOA189Z+zaRDfdW7oTFzLsLn6ydOCGxh63lunYRcj0/qOcL47WElMvGJo\r\nX/VsH+ZGpt4Ys18pqCaSIz3pyQEeqAuEpPg8h6OS8zLRmHslpAKbYVBd7SrD\r\nzSpuSHB/pEB5PpHFm7xOouhVuBDla7FQzNHeSXLmS9Q+UoIZhWADDY83jfJQ\r\nffIJ0Uotri4xv+ppKWsJ/KlzsHXI8d+R9/A=\r\n=RSvu\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.313_1653286575042_0.26496559662073005"},"_hasShrinkwrap":false},"1.1.0-beta.314":{"name":"@spaceone/design-system","version":"1.1.0-beta.314","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","draggable-helper":"^6.0.5","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","helper-js":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-functions":"^2.0.6","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.5.15","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"70a28f53f603bce04c5b2ac4edc1a96f36fc05de","_id":"@spaceone/design-system@1.1.0-beta.314","_nodeVersion":"16.15.0","_npmVersion":"7.12.1","dist":{"integrity":"sha512-yrjhzeyGsdKj57ADBgy4QbGDCRRctLCtYK0ddIDI5cD6DVpr4Sg2XnGqQGyEoeZHsmGT0aFm+59tq5TRfzZS6Q==","shasum":"e4f9588dfa46d949c6ece9e41d2e782d91e8195b","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.314.tgz","fileCount":1313,"unpackedSize":62892998,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDoFfk02lEKjiPdBJa0e1HTO2WADVB0IpVBI1bQLAMYNAiEA3RmbZSXHhGTSBCk8HB71ET/So6SE7hYT8Cb1t9Po+D4="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJii0JNACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpcNxAAlCat9HFj87SufSvjc5qMLfT9mQ45F6pILWwMkVnkEOreGRZT\r\neFBGSEaBcTUjyEYGFeAFFBYUHmnOWVbnbixhrxczLsTRjHVizEgADkCncEmb\r\n1Vs86pog3jGY/cqpkBptoDQuic8chwmh1KuYx1oCqrSJ0zUIwFiSvW2F09ZW\r\nfwKhhxlOOQXzAwMbMVrcP7tjDtKfzqyC55g5TkmRgJuc0NQTVWTW6F0nRnrc\r\noHG/FARiSe4nzhjjvS28iYMkVzb6ihq3h9DlzimOFHgPU5tdMPUl4ZjuVjDz\r\n/0uN+0HbYSQWiyaKN14biWelxpdOUV3WuVTM+sFQ9MWCiFwsh2Y3l0mKlv0f\r\nzznOJJMIWqNbM047dHQ4CCN7aeQsUFOQoKjZDC3wWdt3kI89+e4ZsfVUeGOn\r\no1r/a8psZcHzbRh5Y+hleH4WvSbcnjQU8Qe04XfUuN1m/qLs/dRsk08kDZWZ\r\nU3yqqYCYK70TzYl8SMEFhDRunH/ynj40eb/Rttgmw+exOL02VhGW/C70/73v\r\nvEijamKLYhXhxBnGceAUvjGZzImkHXXeH4NCyQH6sObUmC6kASbA+8y02Ceo\r\ny6ngcdRi3OFAfOV0S+waxfuN5xuUyjUJS/6qvKF3spPzqjFyQQpi7BoJPDYF\r\nmVGreWN5GAIHrsSbO6Ym2i/8JZZIZ6s9w1I=\r\n=cSVO\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.314_1653293645120_0.02545966547898204"},"_hasShrinkwrap":false},"1.1.0-beta.315":{"name":"@spaceone/design-system","version":"1.1.0-beta.315","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","draggable-helper":"^6.0.5","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","helper-js":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-functions":"^2.0.6","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.5.15","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"971c4a6508c127fe22a6662f0691a9f431e6f34e","_id":"@spaceone/design-system@1.1.0-beta.315","_nodeVersion":"16.15.0","_npmVersion":"7.12.1","dist":{"integrity":"sha512-uq8uo5BTXNcbB1Fr/sE5IZIIVqeundw+h/D+JhsJLGSCH0N2Q9HQMIh5W+RraDTOpkpvFnbYW3zSHS/d+AlEyg==","shasum":"b53a7496427c90b40fe819e69c148a699e368863","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.315.tgz","fileCount":1313,"unpackedSize":62892811,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDoJ6H3XxR93ENHJ1l6bH/korHu1Ahiwm6I24AUh4vHoAIhAK4z3bF7NOM3KsLMeQUjdpq86xuLd7sD1a1NmsHnmk/h"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJii05TACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpfvw//R7k5Op/hifGBTirdS9WkblAGKOmI9o6/PFVQ8dpi2GBvHbLd\r\nNGwyZV1+5eTZ51s5LzblEjCqmSD2Km16ZJKLtslFtsH7gftsjrnRWHcYSFOS\r\nMts4FrlZejM/azg5lNf/NzC1++6ujncLWM1tZc0jF37a4n/V9w7wn0SX97HF\r\nyvtX59xFBxvcvQ4EJvz/qCo6JcchsCTYOlTbzjYbSjkYppmcXC0LS2sNtdt0\r\nb77CuKMXlE59mMLMH4wpgZfwDSsQWC5yhl738Md87r/mNr4/J1qMOkKA41b8\r\nhZKe1Lp5Kgdlj/VR3gfcZgwMrOgbJakrTwQjKmlUtbBLRTIMmq2RLSuUI6u6\r\ngq4vfd3l6Rf6/fh1lAInzJRV7h3Odogur/0SmqGlmvCjwncqmeZqig+Z91To\r\ncAdPbYhGt1kHyGApcXhJhsdB8NyTaGiIvL6SzJHgQ0HV98/Nhg8lBGrKIySk\r\n+Zc9XuLyGT6QuSW3DIT4OtFcF/zy9fsaxB2CTc5AiD/TueVhFtigD+aDrttD\r\nrRlV2AspTetUV9eTTp6w4EVHoxxjoZSl3riggW4SmDQbWOLDeFcXPs840TAQ\r\nqBCE+h29zgH4ZEPWLNPu4PeMQzCANhmWphaVML3EnWKGA/SeMszCUFlGBzWn\r\nX4VXiZBmK0EgLDc50kBA+b7NZW8tqp8zz8Y=\r\n=6Wh5\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.315_1653296723390_0.9821969761844815"},"_hasShrinkwrap":false},"1.1.0-beta.316":{"name":"@spaceone/design-system","version":"1.1.0-beta.316","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","draggable-helper":"^6.0.5","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","helper-js":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-functions":"^2.0.6","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.5.15","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"ecb76ad714735bb2f8de420a42be6e33044defc7","_id":"@spaceone/design-system@1.1.0-beta.316","_nodeVersion":"16.15.0","_npmVersion":"7.12.1","dist":{"integrity":"sha512-Vkz5kTfwS0WyA+AB5aojCb0thdtVV3/yzVHAv2ivPgg+73HsfPS5mVCFVbsknpYNSfT6/XJsJZmeOMUq9KX/Sg==","shasum":"2cd453e84ea7762ccf67d950f47353c4628bfd17","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.316.tgz","fileCount":1313,"unpackedSize":62894514,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCg9t4a2UxUVfy7nkRT0/7rh2PBgB/zDUFDR+p8iOl2gwIhALN2JYYox8QeN9pAupJZhJ37Ogvzentd+D8fat6an2ni"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJijCARACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr5fxAAg90rInw40HVLx9v+hfh0+3/5tsJWJcf1Q0jYRKpirP4ULPVO\r\nYzz2jvHzK+BiR9c3ldWfIuWQG6Nihm9JTuYJ/wkVkI5fAV0+si8B4EJ5mP+A\r\nPYSi9hCmleGVgduDJLjrrwZ2NnJHdozMFYwizYuxJlcjz0UCE86fHsOTUlUM\r\n55ecjBHX4FPaqDUAikc5SqZSw1NSrlZ/g+8s69r9nPGyUFTpE06bZsQebvpW\r\niZxebAGMLznV+CePIdbQhI5W4l7+bI+ICLrQTv2KKeeMgd2nDVYjsYsI6Vrf\r\nO05oq0GYDhR7+ngnEQa9VSfLe4BUEkQ3j4XMYEQ0xSuNUinl8C9Jcp6SvGDu\r\nkEXbYzzVwtU9/AF7yuH2lq4rLsMb1ya7LUNhf+IQd4obRj+Dd01MinIgMrAD\r\n9/EeyQj4rGfcwBw6zNEWMkuQEdUaiut6Xgb6N+/xxQWme7kFGWN0mLWlwF5l\r\nJiJUGtIgYLHbIK6TvzSD1fOYzyarnJxp8b9bxKO+kUYy35WtAoTnM33Ark7k\r\n/5RNuSfRJC5b1JHRTD4xdmXP9QGXyUMsshUSgx4S8Zh/byzVcL6WmpfO5qY/\r\nhP0lx1b4xT4F9ZJrN/ONO0Xdinw449hb9btDXY8DOY5wOE4JT3XMGv+Gs5++\r\n4/LuxfZ6HkoXjzBIjSOVZXv0BJIx1Y/jzmw=\r\n=Feiz\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.316_1653350416776_0.7943397468204183"},"_hasShrinkwrap":false},"1.1.0-beta.317":{"name":"@spaceone/design-system","version":"1.1.0-beta.317","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","draggable-helper":"^6.0.5","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","helper-js":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-functions":"^2.0.6","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.5.15","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"55fa2fd6f64444b2b2b17b9bddedb7109283428d","_id":"@spaceone/design-system@1.1.0-beta.317","_nodeVersion":"16.15.0","_npmVersion":"7.12.1","dist":{"integrity":"sha512-BxS2wpKRnNi0h7MBnE12ws+Lu1vrZ4bFNaYo/HdXa+piOpQ0YsRcT6yojX5mJOvyFvs+UBpjhZUVtIe3UTjpzg==","shasum":"88bfb61eed49d3f85d7fe042e1888bb945243bfb","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.317.tgz","fileCount":1313,"unpackedSize":62895404,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHKwSSMLGYE9E4vtrHi7ocxK8sGQu1NbPQ/k8TC+oIUzAiEAi7wGnNoklHSHUw4WDuMeZ7/FzvMDcWXYr+MRtt6HqIE="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJikDi8ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmovvw/+IXhI3n7wrsFCyVhGqeOyqj7oe8MXxXMTYWlAEwtzydOvzEMR\r\nYPhRmy/sztK42Jq4SEhOlO7mrCQqBx5Dxn5zwoSAO2stUMXY5/HW0LCphJJI\r\nma8m7hQcRhjlweLuVZaFQ+nu+L6rstV40VSUXMZcz8awBXD7IduQD2s2AUSA\r\nRMkIFciNUPx8YY1CvNmkObgWFTBLEGKG1al+LpXqzJnjLQWFlPWG285DgTq/\r\nwiFWEzcD/FP2pCkwSdjw6wfLn0r5X4jDuS+/ESYJSvG9HUzd/N4yOjPe1IZg\r\nO+AJjzDJghGDu7Yj7XxKukwtEb8v4oW77Pha4djAGKYuqBZNettX/UMIbkXI\r\n/LiSBDHV57UEajsp41b2m5Tq9ZPoQdEwfo1nC4dEQ5bVBfZbroIi8PsKvmhU\r\nChg0WaLMSTjqA6XJ3JN/QDbHw0Yyo/eVnrErf+rQ9pNpwaUUtui472DilA8S\r\n/V+iwEt5QL9osZxge2D94NBk7lCHykp8Lkkl66aNofiNQCawJ/eICDQPL6UD\r\nKILxrHM2dby3rS1Jbxi2POPuHJ9vmLwRsNXBI24y1LRWSJdXIJZbgMUp2ZpQ\r\n4RSkurMMvfBHBHsoGVNboW0/F2oQmJ0U/GhnbJG8dx2KROYHAm1rz5Cfa2S0\r\nsl3St3OJEyaCFxPjzK54Gr1i6EKvzysHdjk=\r\n=Smx5\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.317_1653618875700_0.9415404780676568"},"_hasShrinkwrap":false},"1.1.0-beta.318":{"name":"@spaceone/design-system","version":"1.1.0-beta.318","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","draggable-helper":"^6.0.5","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","helper-js":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-functions":"^2.0.6","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.5.15","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"1abc2c1dce41398dd9f606f74a5d27670b063255","_id":"@spaceone/design-system@1.1.0-beta.318","_nodeVersion":"16.15.0","_npmVersion":"7.12.1","dist":{"integrity":"sha512-wFgXeBS1mkRc+PLraWfGbWwPh9W7sxKPysfnhIFelgDoGsVMWv6Y4oKNk6+YGnKdA8z6Mk/Ryy28Py6Wql4e4A==","shasum":"fca4621cd74b7dd4f325036374703889b64af89e","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.318.tgz","fileCount":1313,"unpackedSize":62911517,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICF6OyOjHBxnRP69wJpfxu202InJ//i08aro+lc+OZ+jAiADyF/NDlPd+xf77fvJgkxOUn99s+gtkLVmOVmYsSYSCg=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJikHWRACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpukA/9Hg43FzPGOs6eUyNn2RyGfQLZ46C9khsaZS3IvVxrusr95MAq\r\nzN1IsbDtp1H6qtpQuQl1LyE2A8ThSKm+pUJEwgOkJi1I3LFg8ANi5Gu1DLc4\r\ns2eieqe6r4IBsy+hfSevBkB6Ck41tGdBJeFsEzALrb+A7Q8ldBnBnIxPNWFE\r\np5+sfqPm4Qfo1W+fKrr7+CaBhwAvPfZ8vHBfwHDP2xeDGuAwuhRu1EhVRInz\r\naNjCOq3z5wr8zfugrRtTF/gSpQ8hHKChqSisRrZHaDVQt18w5fphXkEouxS0\r\nceQUqg6ZMqe76w3ELidGQbzAb3wXU+Ua1+hq+/dbBbBsBIsr4u774bUmj1mJ\r\niTSiXBq0TLuufEIHkLcjD++wWNGpbbbhqvnITtO/VpDnVfnFTpOPo5lcUKbM\r\nV4uvQLGGRWIasXnuIq7J44QROD7lY/TlHXEvVgV9Cll5zzT8CUQOPfiYI4vl\r\nZbE/m5xTZJACC1JiLcQ8PIjSabYyJJ1Ebk8rRNTD+f9EdERXnpQU3W5jkaYS\r\n7IO24qDeqdT3aYljYPbnhplnS4v+gwi7aXSTN/lZrRYKvQMX3mARils8D7AI\r\nz86aexQ56wT4Bi55bIOCjQAk9eI+/cf1v1re3fD6BVhAUJagGlOxEw3/bZOV\r\nho8wmEKIwXCYFnxNGl+IlOtOVMCgfmWPJfY=\r\n=iO7Q\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.318_1653634449292_0.341561993778559"},"_hasShrinkwrap":false},"1.1.0-beta.319":{"name":"@spaceone/design-system","version":"1.1.0-beta.319","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","draggable-helper":"^6.0.5","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","helper-js":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-functions":"^2.0.6","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^2.30.0","@typescript-eslint/parser":"^2.30.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.5.15","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^6.8.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^3.8.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"7c51fb31ad388d1f80409b770b854fee591d7fa0","_id":"@spaceone/design-system@1.1.0-beta.319","_nodeVersion":"16.15.0","_npmVersion":"7.12.1","dist":{"integrity":"sha512-D/xBOJn27Nr3D+j2R9fSCCyvjzqDX7en7ZRNTMzUPQKsoT6PyT0UzV7Ok9E2FDdunPm+cFZuMlC7Y8dOlsIs3Q==","shasum":"229f260843f107814ce6b060a46fedf284aaae78","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.319.tgz","fileCount":1313,"unpackedSize":62901258,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCDbZZ0XG+08obsi+2v4Vb/VhdD8nsnzllDNBtpthunbAIhAImOdxbC7ryr0DVU+PJRHfGH9RLqPYYimK9o0E8tW4m1"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJikHzLACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrIog//Q+oPXTI8u+aQlwoWdxpg1rtoSO/ie+P/CfxBsR3avRflvW/6\r\nVdRaFnzQ6TWthdeW1ve9uY3+aEjIobA0H17T4nHK5FR8H8oM+1c5hsAUphgN\r\nCLr/R8m3+p+noRjueKEKPyPgF0Pw9s39Vu9tSvn08DXWEUlBgZWSD3VVYUoa\r\ny4n+jYfbfUCeiW64bOh9h8HQ3KExLIryZWKxD0jEnv9gjnLA6ZMXbduHREX/\r\njAtmzRMyvuggvKv3NI/wOtNM8pxLZ9AVkWW6ukiYgECA3j8rxQJZat2jJncn\r\nM5oJiYVtWgvir3mFaf/QiyuAph9a/7tB4LQPwn9NUA4+oi46v+iTQ8+2pdAC\r\nEodqTM6ciz00m2pbnZi+uyVgzsJxxeNaNzvCQXwNpdBHeVuY3zF1l84OUptd\r\nsz/FwAdMzOEQkyTq55upjvIBgx+Dbz+ti7owwy+5hYYmocZh/iGUE8eWwpE4\r\nG7AAnHaWjT29YEBWeQ0eiXmy9j8aukd1qAbONGk6eo8RPgfS+OXWbcvYpyG9\r\nhAoKTwwHQkTKnjaeJzm0Dg/YCJo7jg0vszmQxhnnv46Bap79duaQPcACbJdg\r\nVT2DLiPaMTkvyAwpZhW/5Y4WA5tftld7aCZRFmb8Ml391ph/MsxY/Aaj3UEW\r\nAE9KSnFc9z1gxSXd0RChXm28vkQyEbhPR80=\r\n=XxUi\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.319_1653636299124_0.5995701046603075"},"_hasShrinkwrap":false},"1.1.0-beta.320":{"name":"@spaceone/design-system","version":"1.1.0-beta.320","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","draggable-helper":"^6.0.5","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","helper-js":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-functions":"^2.0.6","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.5.15","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"d1917406803b39291918d1fd6b420382cb4e92f4","_id":"@spaceone/design-system@1.1.0-beta.320","_nodeVersion":"16.15.0","_npmVersion":"7.12.1","dist":{"integrity":"sha512-JOHTmvowyseyTWfwi1vHM7uyb5JFalfmvCJRuGvRZ/DbGSeYI1yRVkKci2P5XxNWZv362f7nTzIUmyCJLgie7Q==","shasum":"f3778abbd0b0fb3f79f0036b491eaef5ff1eef9f","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.320.tgz","fileCount":1314,"unpackedSize":63148006,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDaqReiH9PVF9J6QHhMU+TiumRo+RDxT1q1XPCs4nI6CwIgAS3Qe14xzgnCq4bR6rb1Hyh8hwgofcDICgawYyiqR6g="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJilCFXACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo0FhAAhkGCdj0NInN1wj+aghoRDvTu2y3jRtuwtTovihX+YXUo7Xqv\r\nMa6C4Cew3SbaD+qhFyy8ZpeLoG0mn7WF3md+WfgQuVqPTNP3hgVPIk8a4+6n\r\nhp6F4B5KiiUd+yYCMTKaL8XfqmmeUowgpwtWx5LqgLb3nLQOkQH+e1bY/Kfg\r\noMqfqM5KWdyizdFE4L7lSqgE8IFnux/BV6Ql9eCP7A7aH7W0b9Ac5jEJ3CT/\r\nf3CqDOneO6dZzk5thbVWbltjh0lM9XVE+JObTXkrAF2WO6ubqeJyRGnAMJt3\r\nbP318kKqYLjuNWIMxOPFT5rikh/hcUGHTYZBckeqVLPsSuaQlrmAjEeLddWl\r\nLpYq5bCEM0/owPEuYskY48g3E+eP6B584PSzs4asrg9TAgyra8IA2jJ/snq/\r\n2886cM8GTYOGHW5idvFjPe5vkChbS9oNiv91xUf8/a5OHzr/GJebU/cBXIrS\r\n0N703TODEKuF/zGbh2FeV2yL8q0JqF/e2CHptWT+UcraiuifNuKXFbe05nOR\r\n1BrG2so1WM2knsCKXMle5NxpGWfnQU+s3/49nKpzGF5nUELngmy/6ZIMlALx\r\n15Um2hwiZiqOC/rACNOgqg4zzatr+CgbOWpEDcv/kvMGjWy8YehqIhCuhLsi\r\nOIW0a/183bc7B1LUEQeLGWL/nEkSReTvRyU=\r\n=vKK1\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.320_1653875031268_0.35665505268302566"},"_hasShrinkwrap":false},"1.1.0-beta.321":{"name":"@spaceone/design-system","version":"1.1.0-beta.321","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","draggable-helper":"^6.0.5","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","helper-js":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-functions":"^2.0.6","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.5.15","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^5.0.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"9f0a94bf92eb4e660aaa263d88dd1454aa6b28d5","_id":"@spaceone/design-system@1.1.0-beta.321","_nodeVersion":"16.15.0","_npmVersion":"7.12.1","dist":{"integrity":"sha512-u4dF133SJCB6pa6w8FVEu2KHkvqdmIhu2hD1UCKU3MmYzHWIB2yvUesEXqGUiCtuAMaPggu+hYdRIBG4XFoZaw==","shasum":"1a662eda66c1cfcc7dec4ee0c9931878bed3b914","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.321.tgz","fileCount":1314,"unpackedSize":63147498,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDpAtbbEUrVAlT/fbaF1Hh3EsFCmofvgJxxa6OJBP314AIhAP/L+5p5XYFqjvlle/xosm8R3EWrdgxaYFPYrJ5ijSQZ"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJinxMIACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpQ9w/+KVv0d8uwHpMvW0lT6Hs9IiMzplApKDKvEbQ/VP26EnnyY/bk\r\nu0aEGycjwe1eVnzZGb7OPiDI+Yy5IRb4vvF+mn5/X+XLOb4GbPTaPujkC6LW\r\nSCkDqyX0bHq+z7rX6+Ss0b0dHE8pKNtm1h6PBZCnJLzZ4KUcNxE6m15zNi5k\r\nKEkR9FwpkdZq2w85AVYO2/vhy/EuVwGoXp+3PxYCXt/j+a9blp8ZL16lAFxG\r\nei4BUa5EuB2SInXbvFn3GvzB6dyxNlSd1m1GvQqZ3GXmyWD40LhKAZlWHdWU\r\n52KbgCF2QFFNqYjFstiIpcBaEaS8uZqjUD7vJ/pC2s/EyJd3B140LD5Ldm0X\r\n0oy1OdJOgHa0j7Cv+CbxGoxvXKzWRvf2h46gjLG8sj09LkIZN3rgJ43jDhq7\r\ns36XNhTL+eRL1KZNV0hfNVzNLmHl2YmVuF/QJu0KbmJAUBHGzcUc58y6BNkB\r\nGYJgMqJYNM9gIBztG9vLapApHQAK7NlbGLn2AbbDrFv0iFy29AzBTBM1pPvL\r\nEkNRxO2UrPjqvlLetRKdKnXviL7OvIpAAaTiUdsIa5AcS/Sjpd/AoOXCJdaX\r\nI7K8IJBUVqjbQMvMXF/jL3KsAAjboRgiJmIAg17Xdxoo6RgyqidHIVg/u/Z9\r\nEZlrqk0+6WG7biNYdKaF9z+KRUtIfByjjfs=\r\n=EeDp\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.321_1654592263852_0.6381354199456355"},"_hasShrinkwrap":false},"1.1.0-beta.322":{"name":"@spaceone/design-system","version":"1.1.0-beta.322","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","draggable-helper":"^6.0.5","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","helper-js":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-functions":"^2.0.6","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.5.15","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^7.20.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"934f9082b6dfb0b2a6a078760937ea537e0c1d49","_id":"@spaceone/design-system@1.1.0-beta.322","_nodeVersion":"16.15.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-nchkkySD5C4vv9XYH4bT3SjvE7yH7hLstjoe//NiX5e+/3JoOFuYZKpkL5S2VWnWcS2Lf/boNXJEKXgRYVupZQ==","shasum":"c188bd07743e327e94bbe549ef8b97e39a18043a","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.322.tgz","fileCount":1314,"unpackedSize":63147568,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQChGGiupiOi17feDLz2jBvaa83NREFxOX22fRp1GoiovwIgG6ZRHcNwG+ALdDeUDD/5nTdSZEx1K+NSme/A/OVvw7I="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiorSbACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpUYBAAh/y77LYQQVb3di1bvfKjReyI6skcyxXt2yj+2lh2XjtyB59b\r\nfZyJxaibfvy4bMl5mSswqfAzFYcrEgEGvEg3hxI4Sixt/cNSLnNwax61uWKZ\r\nJPcfpJbL0n+Uly15Oy84aVeh9m/EeKITBIUq5NXw5cLGq56UxcF/GDzMN3Kg\r\npeGx2S+lH/12We783ePuLx9SeQeFH7RDhy+huvEiy/RbxlsKbv4vneGKEex/\r\nMoq1MbtS1GwtDXqEDLsJ0yt33wJScc3VMuvNFGbxUrQIQ+M+IWYoPLww9p+n\r\nbdzXUevet+jfsEJmv8D61gMqVc7QTJ30bJLxXVzO/oGW/VItA+94tKzEDjfB\r\nqa8ykyCKunnBhvhr7pVyDrAlJj+wwVMX2D9fdSzaFI5i8s16Q52ae/mIbcGv\r\n6Huyq0bW7W5qw6FcJFbSnX6BGNBQE6ZEgqSXJ8F7DZpTbf8hIt4vGEglbmYn\r\nx77MdALZ6Fet4lqxg79ro8qEVzGNmwsZTj5+5m16TQEDXywUPUAuyh0me/MT\r\nWCFHIBBdNztVCPGh7m9w7UMH6bn+Onah92fWR1O1pc0vORHCPjIwRbB1V5WM\r\neod3VwqmbPVuBgbVPYN7qNRX44fjNGQKAong4ijkK92tOhPUy/2AFw8zaLwa\r\n6VkyvtsjUUou+0/xGEOYNEwCk6ad3+lt08E=\r\n=+wkp\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.322_1654830235041_0.08463870567858978"},"_hasShrinkwrap":false},"1.1.0-beta.323":{"name":"@spaceone/design-system","version":"1.1.0-beta.323","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","draggable-helper":"^6.0.5","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","helper-js":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-functions":"^2.0.6","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.5.15","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^7.20.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"925c608ce21413917252e091048877d7ad436321","_id":"@spaceone/design-system@1.1.0-beta.323","_nodeVersion":"16.15.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-i+FUb5XfxGTu8P3Q7L4SU4ItHV558h6EBW48lkS/RdsV6Q8F51D8DR68bqLl0xb+C+nT56cuR3yCnm31XxSLUA==","shasum":"f9c990f3dc4a54c3dbbd48d7348f59b72c440792","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.323.tgz","fileCount":1314,"unpackedSize":63147988,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC3t708htK5TA1LqEGstUYKSlOEk4K53okTbqIUNCK0XQIgCceimS1x4qtgZucNVP2VsXUmSJFF7iImIwOIar7Zosg="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiouaxACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrJ8g//ViI2aZAYv73NFnUHdtwf8TE9wJCByfCM2H0iOhSYBQXeIQ/0\r\nZksXMh/xTL6tDsddKYZQIlk5KigmIf7SRKdSaXN5CRWBS4YEssIb89qiPRCB\r\nTm1CEXt0FNib7ccvSdqh2GD1+enfxBOVppMl+rISrvmwRjuqFfNkS884IHNW\r\neiaR6MOcOpTRs1SUL7OU8pV35ePgCc377Jo4HFKiQyON25rNA3nHKa/dHEoG\r\nb3m/xkPsivZDXJmd6WqD7Sj//mchvCZhCjV8OlZZcitxl5gBW2rcf+uhdBjw\r\nBwNPGe9rNw2g7JoIcxSZvt40hUzy6TKle1v3B1VNSKClu9tw8SVvG4/g/Afb\r\n9bavLozMTicwADVq3M5c+hRVpkYRicfeOiCfkx8wNzOygCqbDaCGEugxtbD8\r\nVykcnx4pg9C5EzG/2Haztw+U/gn/kQuueKqzbqYtT8EOwBtNnLjzi+K+u83c\r\noglMGJKQMLHo2q2blO5TTuPTBCsnIrc/8xuUZXcb4bpUl/bSuBG75JPPsKYj\r\np72VBFEJWPhU5Gu3kEXp+LZRQL+DwgN1qyuXN8zqR0XQRYynqd95hjp7fRau\r\ntA5YGpeWlAcCpAQVq7LBle5s8qgUnSkWuXl0kyvBzsLK+KyGdngAkXGS2TMm\r\n2UlMZUWi5WH9WkqvWqzaVNjBDu6kFP8x0K8=\r\n=xKK1\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.323_1654843056698_0.5126961398038117"},"_hasShrinkwrap":false},"1.1.0-beta.324":{"name":"@spaceone/design-system","version":"1.1.0-beta.324","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","draggable-helper":"^6.0.5","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","helper-js":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-functions":"^2.0.6","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.5.15","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^7.20.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"ff9df46dc9241599e7d141f408c066f78f275912","_id":"@spaceone/design-system@1.1.0-beta.324","_nodeVersion":"16.15.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-8l3502wfimSO1MlGSxObuysazl9XPRbKInUGpalOddyqCZB0D+aooAhLFUX9ix2+RildSVeAOHC1u5RiJZ5fZA==","shasum":"0e7f5875fa4ccbfe31a2f47a7d667e54b40a323b","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.324.tgz","fileCount":1314,"unpackedSize":63149112,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC6ywBYF3nsSzCs8k+UWcuz1Gfp+U4O0DZcix3YubmaTwIhAJuDm646obepioNMZrPYb2zQPBW7QqCMeQZoRwwwjeBg"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiowfvACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrIaw//ZUnPo/9DUhjJ5dHC+AqquiSBy4HJqDMFnPk0qvaES0eJIyoy\r\nPALa+VjOFBsI/RNKV55kHmAnK3FIuCbC/I6VwBt31sTMkLbNLrS1CnwUJGUH\r\nt/k0y4rwQJQRzmcosvZyOqY2O5tNna0f5t74OvmDZU3c2i1qzNCen/VY0F3U\r\nmDxvDnp5lpDUPG5yoGi7Ixl5kGxMzl9O72SNjL6x52+HCGHC92W81dc4fAsg\r\nNhrKmrYT9X/hFo+SAn27yPk1khoEzsNGyX8zb8Gz7Fb/IXmUa3zlFQ1QgnN3\r\nqfX3ri/a/MyCmg/saFxjLHd9eCXpqMxgySc5vly4sqRsmvPDYTyhDvn1lp6S\r\n7u6fq09ofEiqOSiPqMQnQD5akVhENd9BKmizNbZU6YVtPeHJztjFzWBfqhlh\r\nHMWsEEwZXK1zaK5n4jQ1S2Lg7ou4Nqos+AheMRoXx8FeB6Zl9qiYyIFBy7za\r\ni8+Ib6JQko+kIIOclK3E2VBw1N8unnDVF99dpYQNbWSCtVYZjV6YhugPw5wn\r\nhL0ImATTAExIlWl5i61CGcguZ9zp+d62UTFS0FtpYm8a/wPTnOHukT89SzBR\r\nZmxG43R1dX4TWDBFna30eKfpfIIj9HKmGCFGCOGr8a58TcpblmG98sulAeai\r\n1Qo9z8/n7lIux2OZnqpI+gAeoGjcFt/Myjc=\r\n=MDk1\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.324_1654851566945_0.5546163519195173"},"_hasShrinkwrap":false},"1.1.0-beta.325":{"name":"@spaceone/design-system","version":"1.1.0-beta.325","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","draggable-helper":"^6.0.5","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","helper-js":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-functions":"^2.0.6","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.5.15","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^7.20.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"1765a9bddda4350b3755796a132edd13f710843f","_id":"@spaceone/design-system@1.1.0-beta.325","_nodeVersion":"16.15.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-hIJmXCvC/8ElrVPZSkTedq3IP0ZklJSeodEE3N1NtKXFEpEzZR5sB6C3WC98ZXoF8aaL4B8XJPGl0JJncX2HFQ==","shasum":"225ab48db6ef07df8c9fa7d780397344e18eaf38","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.325.tgz","fileCount":1314,"unpackedSize":63149071,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGACR3jdubdKgEn2Hv+8ZUV/2wy3InGJtCQbM76yOutgAiALgVs712X8wkhbBDo72LCxZyoexWM/OE1Oh53nCZn88w=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJioxFrACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoIkA//Xv4Snla1bvDdUnWTFtJBVw+QLZZhqs1gchfXOYO/MBTGNh+y\r\njS617AzILvcyRYWuIKdWGKeXCxctTc4/6lM+wDmTr8K7nUTY993Zf29wtG6e\r\n0iUDvhYm/BQwC/4pi/H8/1SL6Uo7kNk5X4+h6nNf2DfCeaozs5c9hFH2Nw7e\r\nmfuGnpeTJiXVN55SDSe8QtImb5R8B6JcUJOARm9gaUnBxqMqg1XfqJMegJrG\r\nc2AWaUujliAgTpR3TubgwdPgDJUF1/txURgJ4/yV9FrKP80VnVErYAUa6PLh\r\ngzbv6ACn0mBbXNWnEl3GnuWgr4xm+so3yqIcDHRbitpYL2lQ4aZ9RCwAZwPS\r\nbs/3FaK39LhqBGtxHlmSa54ifmJodrykLLxVlKebJWwgP68YC/7vD+FUwS6R\r\nKYV9FATPsPuuoAVqQNqXd1162Tgp7kOD6bv2SB0RGX2rDsi491uLbBBVq70l\r\nnPBHCbjN9hC+TzV70Hdz3PqXqcvoM1GNQrLCPEJDuRKLDwMEFYLIb4xdzMLA\r\nfqxmwB5rLIHH8ilZw62FsVgL27NZTQAGNv7K8RgeePBMvHHf5x06KOyrZq/7\r\n7CRHx/cRQVMKFciaOFOikWA+fNygrwJ9r61UVT/QiAAtADFmOiTui4Y0VzxV\r\nX60iFpLbvK6g99b1QpFF2o0jUCiHJJ26VEQ=\r\n=b6r8\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.325_1654853995222_0.8421741782264254"},"_hasShrinkwrap":false},"1.1.0-beta.326":{"name":"@spaceone/design-system","version":"1.1.0-beta.326","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","draggable-helper":"^6.0.5","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","helper-js":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-functions":"^2.0.6","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.5.15","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^7.20.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"71b6a8e0b802884970399a29f89f99bf23eb7846","_id":"@spaceone/design-system@1.1.0-beta.326","_nodeVersion":"16.15.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-7qlc6YOP5HGmKVzb1YD0eYxHyXq0njuYI8b8UGegSqw1FPoVCpWPbkhFqFTDkio9W+Wq38noN63JGrgKezHOWg==","shasum":"affd62f8d188088fd764295428034ae4d54a5ac9","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.326.tgz","fileCount":1314,"unpackedSize":63149235,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC2zpY2JOu8K+GdcqHNUjH2F59hbJancKWiRfOhkVrulwIgJQl0UHjKny6+IUKF3m/Brp7q/javriV/+nwr7EzylR0="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJipwCCACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqrQg/6Aok6FwdJlLvjocu2KzdedBm8EI/x+HGJGRzbeYG5UGlauCOf\r\nPTOrs+/6qzZhPtHOTLUaFOPIH5Qt8Qy2e2ZCyAvfYVHndKVdAWpun4eOf/GS\r\n/1oDUQjaM7bUovKH8k8Z43oH5bOphwgpYPs6UkuFrVGWF7WyceRN+v98CyK2\r\no10W8/kQPRAUdaRleTyDCWdkQGOUzCtoCRUVTkZIiv1690P42NJ8feZfThe5\r\nzX5YBw5LyXm4UyjdG9mZH0QAxvt/MqIIoIZlJGyDqQEVlqgnV4OixPhTbXy3\r\nFmSC4MkjU+JeNg+Lo3MVKZUhFmrWS5su+mJt3LHFfeVZDtRlUFng/9ZLrdAN\r\nsiYRHRg1xMwxaa/rnuZZGzTRfme83x5DmqOhecJsVLPs5zswxJWxcMIfalDW\r\nAd9iA7tI6dTOuIf+V+URhmYzVY/koor1P1ElGrfMD+0Cpvq4JSnr8Mya5qQg\r\nA084QJfWGxG7s1TiOgVgKX4e/ctIOBYhBZV79IP9j0dhS8RWodWTyHvZY7Ej\r\nxXtGDPo35DWrUwH5IT5ltT7U/Rkwd8ZJpjebm9r/kbMaVuxMiafXmyOVi/ob\r\nF2DnbzEpb0TiFFuhZ/NboRQ8dsPNapQ+DI8hvn43KZWnybUhCPOtqy6KnpHR\r\n7+LQoB3F0IS4ARHk9lQAAIIb3RcAapEKlwM=\r\n=S9Hc\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.326_1655111809723_0.16141009571945908"},"_hasShrinkwrap":false},"1.1.0-beta.327":{"name":"@spaceone/design-system","version":"1.1.0-beta.327","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","draggable-helper":"^6.0.5","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","helper-js":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-functions":"^2.0.6","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.5.15","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^7.20.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"e85015e2d67284d168f8a9857ccb6f57764fc442","_id":"@spaceone/design-system@1.1.0-beta.327","_nodeVersion":"16.15.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-+YmGUfdF3/c5WT8yLxkj5bBlTgB4605+mGjU12AtTttFihyhBVC+xJ68v4DjCaEjBosBT5wLbo86vEh7JeYpaQ==","shasum":"c0dc82accf54d6ce2f6916e6f24d2f11f0bcbb4a","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.327.tgz","fileCount":1314,"unpackedSize":63150067,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCzL7FGfPun18Xdj8Bq4FW2sBMOG3dcQ/HfrIcMtFyV7AIhAJNmNsMZNAd1NT3nrBQjdHmdT7LHa0utTx1VO9BToSOv"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJipwOkACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrxxw/+K7cTAuJ5t8TqejEpmUJyiDRjFxvRNnzw9yZenKySeJwkzNXZ\r\nc1lFl/9wu7revmE6t5vCU2oOIo7Xvm+JUma1/aHNiPDjenSee44j7Ytp8cHW\r\ndqEXXTVWVO389s5n0Srg5wVWfko3b3weRlaKElwr+iV1LuS7FCPtor1GOc+D\r\nvWSbkZGjcNLt53f3yUtiAui/7yo/5Qo6qkxl6G1ki9YQ1EXquY6eifaoeJjz\r\nftxXfOGto60ZoA9s3VifStiR9RMtuTrsKcz/eYskeEI30Rldq7aiLTnjdD96\r\nHbIfw0pce7o0AWEorjgA6Eq+UXRlA5H4Kn2i6KBFVMiQcRo3U7ydXw0+CDXs\r\n2KAK7ilWS6r97Nj6NtnqVbMrdzfKz7NhyhXr04zwFiKWk35rnLVXQW3efUql\r\nVwGYlzvvUUq9HQjvmBr+XAXTcLvo0oghjJJuD1SieNUCttC7JM/WDCWHzEay\r\n+jM4B/O2f1yamNuWALJ8hqY/ltboYNtY1cgR1lkxlJyGgeqLyJc9XiLkAjac\r\nAIA9Pztp03SUpQCsaInWxKZQ1gw5BCNq+n9uKHLXB50uDGUakQrnOQuMlUii\r\nBfuZrtfpdM7cH/SxNe6kpEi2XgSuskg81pWjHTZn99yi4C1xO3LMBJRuLwb2\r\nDHVJXSQudA5kA0oC3oa+h1iI6L4UhDhuGas=\r\n=n90j\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.327_1655112611823_0.3337778681209329"},"_hasShrinkwrap":false},"1.1.0-beta.328":{"name":"@spaceone/design-system","version":"1.1.0-beta.328","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","draggable-helper":"^6.0.5","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","helper-js":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-functions":"^2.0.6","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.5.15","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^7.20.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"7ec8983e9648f8e09a97725358d97fb2c98680f9","_id":"@spaceone/design-system@1.1.0-beta.328","_nodeVersion":"16.15.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-gdAWKXohknXfHrTinY/VGSpo6fwItKIUs4FxRiKdc/kW/GWG1stp9JCL9obOtuUM2fXmjr3NVi+Qw9P35qsHHQ==","shasum":"6e7ec7084fb034e53712fb04c7358268a0c2852a","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.328.tgz","fileCount":1314,"unpackedSize":63148124,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDkHUOeXTi/zzs2SCybTVKx1SLd7yEDAeVGepDXTQkKOAiBKqELvpytpkJDQzKNNqH7bClr5hB4t185wcYu5U9eFRA=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiqYC0ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp9PBAAlX1p/GL2nBGGEMwmnA/HiaNelweo6viDsXmZKIUJjoK+3WJ+\r\n4TZvGWbI/cx9Vl4CuWXjv7AGm+L3JlhVahjm7c5qGapVOtfMcAYSEovW+hSs\r\nSpnq9y/bjvcj3vdAIWdfV4URZtFAYvIbcEz1/TAehxbMUxzRGaA2ow0FF1OF\r\nA9cXqsFOG8WnTHQvgB0a8Y+FZrKc2EKKscHGyR40NDnfDL2myqTcVvNGI55i\r\nr317UimkUSNYvaNTn9tAETSYysRLXtUVxO7FdooSvjxQLhrkuRBWkat6leDJ\r\ncJCfjQZm5RO4tFAAeR4kMrPqJaXWhwsyIWO3z5CYSp+W1PCRnavKVwdjUnIV\r\nr2JUc0i8D21HpY8cHrOuHjr19tPEER3f5e7XxS8PLYz6QWC1PjQfRsE3vegG\r\ngx3xipSZVFBR6kzG9k326aciUu6yPgsv4qKETUB3TRbAtgPJzCPsN/nUNLPM\r\n4kBMae1q6k1NBmWODv8B6zr2eFNAa2PTqjB+XkcByGlvTK+KYDIPyMYHyDBF\r\ns4JffXoXJcAMV2d/tYxBFZJHJl1s+UduUZYSib5EE3fyCrPy5OhLUKMxHG12\r\nDSWcM5l7XgCJZBGk6EiusDX52q+zPSypnpUqFHi6o/N2wdln2j8RnxMa7D0s\r\nLTXrjv4b6j6QhZetYzdBQLM/bGNdG9lKet4=\r\n=Tpso\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.328_1655275699720_0.14949144672291714"},"_hasShrinkwrap":false},"1.1.0-beta.329":{"name":"@spaceone/design-system","version":"1.1.0-beta.329","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","draggable-helper":"^6.0.5","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","helper-js":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-functions":"^2.0.6","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.5.15","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^7.20.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"892cc67fc5cc5326523694f4442e7154e7c69e04","_id":"@spaceone/design-system@1.1.0-beta.329","_nodeVersion":"16.15.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-JFisCnSkrL7fVQHZgZPcselAsRE3GPlHHfcsz5K1a+4swoJfNy/bocGglVkzIOhTCJi2xCfpomTgGlekVFLrQA==","shasum":"caddb35722d596ee9fec645ef5e8d2fc6d5ee99d","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.329.tgz","fileCount":1314,"unpackedSize":63151167,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIH0lgkqyf7gibELUvm36fP6UNTPirLpfkH3WJ6KnUOdwAiEAkGXtTCNFF1q1KczVCEQgFkXu3jDY7U6MA/lT39CGK5Y="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiqYp+ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoO3w/+O0FAbm0mwlyhrLizri9RuX3apigQqJV96IOcJFSrROIlKLHb\r\n//pA8dncziW3j0v1KBvgRgz6aDmnODLk/09fhiMzhSovQYj4L2grJ6SvaCkf\r\nPHXt7Ue8AU7wnp2Urtzupm6NCWpuvGVsQGfURNxChNmrQVM6gguk4mFQG6xJ\r\nAJ/k6ZAGSP5ArwDubJ8PfZuJUsuW+1uIJ8ttgWI1Lk5lojRK3f60E1aNlQuz\r\nYHAG3GoxcFmjsFJRZ7dMwPNy95D7koU83b5ZZ56xxDZ5muXyjDbbvZkQw7FU\r\npaMdsrZ80YVT8SwYZLdhzB9lPP3QNtWC84Fx17IoJm26zVtG87EwqdQph73I\r\nr5pYNfnsnRx2s/8rEbamj2yCjExdAdoa7WB2idg8VkkcvDH+dB8/RWrfwXlt\r\n2yqWM0lP4TTfrL8zowtjDwNSj0dysYd56J4Ss+v1ewqTrUdjh9n/J4bB2Xug\r\nVLyC3BtS07118+6nu6KAWKn+DUPpN5imf9mQEXXVE3PHpH6imbSpKuFq/GaH\r\n/RStB6CzLW5cRaE53xe/+tQyelM0xHogFMWya3oTHiib+si0gHwBKiS5OsUP\r\nY/SjwWxO0fwHTADpVMU9gqBEzXnlJVNxzrf9Agi7OOmRWhnaHh+q23cAq6CW\r\nP8PAR2SHjwmZd4BWdQgxLDVt2S4Fdo7d/2Y=\r\n=A7WK\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.329_1655278206435_0.23552835093446078"},"_hasShrinkwrap":false},"1.1.0-beta.330":{"name":"@spaceone/design-system","version":"1.1.0-beta.330","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","draggable-helper":"^6.0.5","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","helper-js":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-functions":"^2.0.6","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.5.15","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^7.20.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"635bb0246285ad863f5d2b2421f7139424985301","_id":"@spaceone/design-system@1.1.0-beta.330","_nodeVersion":"16.15.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-DcQLSLYVXz9qZE+gTyq9GgSVxZQtCZumMB7jPKYZ4OujKrvasU/T6JoPFWNc7AjE2R9cHFJAKP/onSPzy3/gTA==","shasum":"8394ed8f5a008d34edf459c1a65db8ce5bf23c4c","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.330.tgz","fileCount":1314,"unpackedSize":63153039,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIADHbvlEguPR9tAq5qDur9yEPz/z2IF6G8xyngymUUNLAiEA2nH7KQdU+qpu88dK7cndCQjw1pjdNgyDR49JcD5QZzI="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiqsTmACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr9Zw/+IeHtMiOUr1AUTvftSJpJ+tC3xxADcOkA6WGh5GUZe1sj7/EF\r\ncabdZr8zj6DFpNE1vmqzbDPi8U+qP/8+zDxd5HsCw+H9rdWlBy8X77kziaym\r\njgIxF5We8MtcJqT0fMSlEg837pVfbUYmHQRd+w5eR7Ym1x9+GEesZjygTlth\r\nnOkiWw0d9gaxyZHI4y+WFKoVmhr1dRFZnnCMri99zvoqSXLbOGqbl8QGeuxb\r\nifAtbsr0UVlFgveRJwcr7df+H3b8dyLHnVEmIKk9ENpYrTuWF2zTqaPk9IGr\r\nnxSY9z93JQ6FKwOIlfyT3ZwH4kNI0xn/BpHn/dV7AdMJe8/NGZ3ZLuRDfRMc\r\nj1xmgclsvmhQsL4zRH50frRAqoLekOZj3XF2knyANZe9uGPNw6ZZGXiVJdpN\r\n0jyJx19kHGBXFyeE1zUYgdqXklyGVnA2OSgZcMBUpfqIuPE7r8Smboi3BFwm\r\nYEUaXDbHAxj+/g00xQrfEADoAnhNcdMh7Nm8UV2H1++V/CrME5QBFwAhyLfh\r\nH+ZUPF2VYjNmm6phoq8K24ZrJ7xPMzbDj+RuE0SB7Blf9rak2r3AoqGgWRvQ\r\nRE60HKSAINCRQ+3HkIo2gV1UsGBwWvFD2irXO5b7AY9IBsn4VUGZPT28jcfZ\r\nKTMLoUUDMEHjFy0ATUro/9O2VLF44hmkyEU=\r\n=95uH\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.330_1655358693535_0.20700133932984444"},"_hasShrinkwrap":false},"1.1.0-beta.331":{"name":"@spaceone/design-system","version":"1.1.0-beta.331","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","draggable-helper":"^6.0.5","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","helper-js":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-functions":"^2.0.6","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.5.15","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^7.20.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"02ab3914931440f0930b6a9e019dc0df132d7a4e","_id":"@spaceone/design-system@1.1.0-beta.331","_nodeVersion":"16.15.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-4mCq6Kif5vlPZJVnTnJbYkDXsYcaGsNqFFL/gA1KFN3zcN4/VMjobWptn5nyAOBkNh3vAFAxHXICeHBQmNV69w==","shasum":"38d1c07c7f81b6db85172234c11537eb3885939c","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.331.tgz","fileCount":1314,"unpackedSize":63153112,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCxsQSkfwW6Y2p4s4XAQbiGj7OIZBL/+jOh9ZZTweYfAAIhANLUVBagjdkiioeSES7P05Y/e5vrXACFkB38/gnFaph9"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJisAFdACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpKaQ/9EazaKGt4c9TH0BriLzhM8EzK5IDsU1xQHcjLkmFK+a4Gc/pj\r\n8ZC9YQAAihjWak5byQukzE2KnarM94xdOFOxw3Flm6rlMB8f6Oyj9zMiM/gP\r\nLFm9lUcupvcLE9MiFRkYlo9UEDB+8nJvSs3rVqgp320MqLR/y6t5wyT0sj32\r\nMqPffCjhCs4wqH/TC0ycZNPW6q0nnMKfMXmAAv5ka/Qzl1Vjqmg8+VMcBcVQ\r\ngNWgVmNFuBhPZTOwYg51GWY2pj82R2M/7hhWOLQZ5EB5OjdzxiecYQQxkiwq\r\nBleVh8xqWXQNYykyorXinTQzSkafIHTUwd8U7KW9vfbUOwLEGJ50bzgjnnfx\r\nMMTuvrQ8Glemrne7ip+UkEkG880lZy3F1+mnpTUtbDP1p8dEAf5IH8piSgg4\r\n6GrM0JyNfnk7u2XwIsuSgiLaQgGYOGTKzWvu8uP/+LUzLKY3idnxJ3+AukEu\r\nPU/zL9OKW8kgoPzqEAsEDwD+UaUVr+XdvhEQTo48G7XveUmB2FTA7XNC69i4\r\nZmxXocl+c/nsBt4YelyvizJQfUmAg8F1ufz4LY1YqfYajLoiftJV7babVOSf\r\nWW/V2CA1drqArQ+hPbYh5IuP9Bl/4sCceNILU4HLhRxtKCFZavf6dmQpYwvd\r\n9dlsbHvC3Fn0JsTa7CkY/DuMGxwcsU2d8nw=\r\n=goss\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.331_1655701852595_0.09679522810546604"},"_hasShrinkwrap":false},"1.1.0-beta.332":{"name":"@spaceone/design-system","version":"1.1.0-beta.332","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vue/composition-api":"^0.6.7","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","draggable-helper":"^6.0.5","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","helper-js":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-functions":"^2.0.6","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-plugin-typescript":"^4.5.15","@vue/cli-service":"^3.5.3","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^7.20.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.10","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"9f2848e0cec94a1bf7b2071f7b301044866e8c0d","_id":"@spaceone/design-system@1.1.0-beta.332","_nodeVersion":"16.15.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-1fyoum81EZeok7JLT4GBztuPK0wps1A5qcKrp4N0xn7CKkWPZBusLHpk04GqVI4owroMOMBCh7ucJTRiM3v+Sg==","shasum":"6f5a8bb40d6467a066dc97a57795adb38853325a","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.332.tgz","fileCount":1314,"unpackedSize":63153071,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDGns25kGeKHOSwptaXCktHewAhJJrXQ/GMbit0x6BtFwIhANNmozm76VgPmjVSbZT67/Ukxpet2en7WFZODUKkmL6C"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJisXPwACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo5kQ/+JfcG1bo8TXTBaBw4et4RhtqQLJxZ+crul4g6K+7OYh8eLmc3\r\nzD3yKX27zR18KQndb2PexYLnEn7pFQsRNmqcjf4QaYFszjWRAgluHpWAJMID\r\nvG8GNBD590ZuopiAJXk1SG3PBqn571lIZ0i5eHJLsS7KqdUxH8GuwhGHyZJV\r\n6P08lHLLv7zb4drzU6jXNTZxiuPMUeDN+EdW/VYVyZZkz8r0v/a7YshRmhmk\r\nmGWfFJW5OKa8z2339qUbpUQ7UBFXoI75xMHdsYHiZlQ+HzgiC7kP9BDgmIVt\r\ndW8r9xTMCN5ry6BVwlPu9kqv6pWOUqbU+p2Bjfz4O6FXt2+pGypVTYJsXjdu\r\nv/weGV5U2nDV9ACcy9tmEIkN0ubGyB6G4M/UAEIf5JRN+KVCN99PUvCt4TjZ\r\nWzAzHUBzenMyUuoSnn1Lq1zMmAQYDLTIIoKW6D1GH3E0gLuw6OaZyFU2O12s\r\nLlyW6hIEnyxIdo6jGAO4Tg+vXpXDIebX6GQvuwilDN1uIuPD8arRIAPUkkac\r\nsrpIMGmRrezYld33/w8ENNFDYsJwRBth6HRzdwtbEkpSHEyFnC7x3J2PvuWf\r\nuRoYP9me3dckKIz8ePBEBkzyZVURnIknVGZ2DRL/YABruJB7+0uexYsK16+C\r\nFFb5ha4xeBJTqpzVhffyux04W8BLS3NO/Gs=\r\n=vOKW\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.332_1655796720260_0.5518750660349836"},"_hasShrinkwrap":false},"1.1.0-beta.333":{"name":"@spaceone/design-system","version":"1.1.0-beta.333","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vue/composition-api":"^1.6.2","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","draggable-helper":"^6.0.5","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","helper-js":"^2.0.7","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.14","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-functions":"^2.0.6","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.18","@vue/cli-plugin-eslint":"^4.2.3","@vue/cli-plugin-typescript":"^4.5.18","@vue/cli-service":"^4.5.18","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^7.20.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.14","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"9a9bca472bfa86690aa0e1cdd712492f59fc4d59","_id":"@spaceone/design-system@1.1.0-beta.333","_nodeVersion":"16.15.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-9hCS1IUUZx0fCjHY+WwT7XaC82QH18zcK5LSPAtrG0J1iXKPe7VvZJUwZ/0FWaO1/04cobrHyA5Qt5PpGpNYrg==","shasum":"44c40b7f3b3f02580d85399740dec5c74aa9ac27","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.333.tgz","fileCount":1316,"unpackedSize":60950082,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDc6lp/utL4TMsLRwxTkO05We2Y5K42GtfuqKhw2oEyhAiEAzQuVJEKBHHQcdz4fnAYg7V2t9c2UPTspyTkUf2WkLBU="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJivQlMACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrXXRAAjtPhAmBd6rEXuibrF1NkRSL6ysG9A1cyOTru9Kee4Z3Lg1RD\r\nSdsHB9mLq1D63HvBul538jtdVkNXKEEYRYbHVBTSltB2nlWWtc/skSivvBpS\r\nfkPZtUg/9zcugU+OyICSf5MAcFLNnA9z37qJzt9WcSuoyDWAs2A1RUEZ9Y74\r\nK8/9augoH0Jbp6bu3n0nn6Qa3xVFtVg2Ee/AMzdU72LtAT5neW+D1yxW0WAs\r\nSJ5SlIZW4QB1qgxv44TKaPy/vGF5sdheOmouinBoxRjzJXArN9vyQebya25w\r\nsHB3lxpJIa1902RYqV/FDovo8MOb5Wj/Yd0OEjmb7WqLjQi6JU8yofx8K5C9\r\nxEysIZ9drbJJYQEFAjPsHcV5IolNqq3I13SaoR9Qaq35vUyySWOQuA5oUkTN\r\n5EFN1JsPFlOGnLIlwJjSNBdlHgD6Wlctj6cPtEsOdLOlVExya2eulwnafn34\r\n37VmJnYRTqhnTL4yqtXhjvMRvP11oD/q7SJqOslM43eHOYPtbK5XG2n/UTOB\r\nUuiHQOCtDcOmTUO39RuLf67OPC8gCu51IzOBQsUHUz9J/C5/TXcCY20qUYIQ\r\npEBw3A3UNop8wYkJTW7WohSg2b+0l3gF9VIxuoSpBStqxRiHIOVVmzeTNEu/\r\n52ugxggDNKAAZFTsEeUWfPJzU5be1FrdahY=\r\n=bjdy\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.333_1656555852179_0.4258222632063766"},"_hasShrinkwrap":false},"1.1.0-beta.334":{"name":"@spaceone/design-system","version":"1.1.0-beta.334","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vue/composition-api":"^1.6.2","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.14","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.18","@vue/cli-plugin-eslint":"^4.2.3","@vue/cli-plugin-typescript":"^4.5.18","@vue/cli-service":"^4.5.18","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^7.20.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.14","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"49b32d04c260f8a9ff923483417d57ec0353dda9","_id":"@spaceone/design-system@1.1.0-beta.334","_nodeVersion":"16.15.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-V2NZXB3WDsrxRX8htjGB9Z5gFcFt1/R1x92P3AIIhnr2ZjNr3xGip45/S08QgThiRNIKGN37/9damvcfyM3ZlA==","shasum":"5f132fa27458c753d9f68240063ec6b25b40f318","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.334.tgz","fileCount":1324,"unpackedSize":60828805,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDEuvPueThblNa9CybfMSRL16FaAJ+R9wY0kraXtXI3bAiEAiEX2Nr/Nje7Vpz5HsugOl96ta7dvbeYDQ2OOsvry3XE="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJivUb0ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrR8BAAoLjD9k5E5SwqTAnhFbRULcXbDGk6jZFcLYxizGhqwfxzrCty\r\nmcFGfoB61mXNC3Qz2L3QUbAKKsiZsjTYnbiT+Ax/K6IJlFljLXQ1xRnHGvkh\r\nu/gNP54i4+7MZ+rf6XABGPJhLYxGqCfG0Af37PneqnopO7oIU22OV6cwTQ9L\r\ngdyRLiNBD8b5lmYSS/pRLDbQysstYjmkErzM0rGwX3dTfz8sJHDUtYOt7veG\r\nikuGmcAzo8nzuQiHX+SGz+MmBqsBD/qQzQouY7ZedCpd1uFgQHmtFZQIdg1h\r\nAiaBaLdIylAuHT+/GNz7yUVFU7Bh3IccG3X5JhwtNcS0o98F7JL6OpWfoks8\r\nvBKk1ldJa9KLDiHoR7u+3oxsnwhT7d+wk6oM7lltewwKHlomWGvFfTuhs4tI\r\ntkmbTKksouGS3EPkoZIasY29ZE6MEaM/sQCyCjYlCP+gB4pYgcV9+OCCQ+EC\r\nly1SSiAhW/0BfauNyA2yt+BX004M6I/2goS5ZnCR8pp/D/HPQIIFHRWsuc36\r\nEJCLAVvGdaGmbrsHvSdKuPRNTBU1zM0U+YgFYlo5LwXsiqYwfIUYTlRIrDVL\r\nI0jy06TSQtbQCOCobv1TH12WJx/Cij8mCO7Cuch7y7ODx+4q20/RVzTjU22M\r\nG40UPfSTgCfX741G8qJy4Rqwuikz6WmRm0M=\r\n=j+u0\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.334_1656571635549_0.4658718908434798"},"_hasShrinkwrap":false},"1.1.0-beta.335":{"name":"@spaceone/design-system","version":"1.1.0-beta.335","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vue/composition-api":"^1.6.2","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.14","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.18","@vue/cli-plugin-eslint":"^4.2.3","@vue/cli-plugin-typescript":"^4.5.18","@vue/cli-service":"^4.5.18","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^7.20.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.14","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"4a9c61181fe226afcdde0e356033518baa649eea","_id":"@spaceone/design-system@1.1.0-beta.335","_nodeVersion":"16.15.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-D3FXEmWuitdcqs7jX9NpleO4x4Nhc5bjvdnsRtf9PRlYCHUOu3uF1ga3X8FzbqT7B5bO61B+4E5yjUvfULS89g==","shasum":"38e5cca2a41e9b13f6218848c05611b5277dc95c","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.335.tgz","fileCount":1326,"unpackedSize":60829133,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICOBpPYZ9PdN9TEVtOJB8nUm+PxgzmfMPKebj9NUf0rnAiEAjka819Vgoi6P7CxS7y3PzMoICmiOq48BefFofaeTA/I="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiwjJtACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrqlQ//XtDdpkE50SqLD7GSpGfIvBijqNo8nFc1Q2rpNHM6SHtvIpeI\r\naYkqATT2V+ZjiQDP1dFcxdjynUL39NG009inwHTdm9guLxnoC8sW4ujrMd++\r\nv0KjTwsp3Aej3WxRaGXgiD/7rGQg2uudSCDzJlUV4OUe9+9aKN3/Vxv1omS7\r\n2WdLYLISVheoBx3+BiPUsBCzMiNpEmimFQwiro24oVUDgLdgo7oFfW9ezjHS\r\nbm/UIc0cyQrx+YlMxnX3FIsPEmkkQDrzem9XuBGdF8D3Q+wYZcGTKwlhmfN2\r\n/E1xi1AHyUBMg7qd0bmJ0TF56Lo0fRlvlFf29wdRdbudZ+bRvGjsZI+W80Sh\r\nRtbzaffFTOhngV+AXiFzVKVUGM2hSUbVOjEGIHFIz6X5IzOhcz7VQSVo5F41\r\nj+c8dqMYxmUquWlXA2ZbZUPvPN49/DA+ZB9dolPbgZlOcV0reqcqubqOZKsM\r\nXadU6mti0sQsye5r4jU+hgkqFm3iFZvwrqKm0gfY3+K7njafb+rJa9L6gAmu\r\nCejcPUiN/A/D61hgk3Qt52HO24unzG+KN80lnKpW7D3RZ4b4dg8f8fuENChP\r\naYNYyr4SAQpPQFZfip+9ODYXoiz/6qYI6aDpcZnh4w3ZPDPHzOEfWG/WVLLw\r\nSmD8IqVKLiAQYTmAESDQqaDtnuS5aNjYaPY=\r\n=B+dh\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.335_1656894060857_0.1904920356665234"},"_hasShrinkwrap":false},"1.1.0-beta.336":{"name":"@spaceone/design-system","version":"1.1.0-beta.336","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vue/composition-api":"^1.6.2","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.14","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.18","@vue/cli-plugin-eslint":"^4.2.3","@vue/cli-plugin-typescript":"^4.5.18","@vue/cli-service":"^4.5.18","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^7.20.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.14","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"2d70f6024a3f11d8e1f4be4b4015ef791beed8ca","_id":"@spaceone/design-system@1.1.0-beta.336","_nodeVersion":"16.15.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-5URMcAk1kqxRLfhsV15wcf32QhQWMped9IXswI+tCc1heAVAQjvWURifm2XmuLNvg1Yu8iWQaaht+RPDIvhuuQ==","shasum":"f852f3eddf7f9ac780cc0feff37d14d887c67802","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.336.tgz","fileCount":1331,"unpackedSize":60926164,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDY/ocukp9QK5/bOjXlJflCW2aN0Itgpp85ivnmYCoqbgIgaMaFWpZn0BeTJacS3pq7q9ThHXMXCKjIa1DndVEXK0k="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiw52OACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrrNA/9Gkn14wbcWN6KNNNLSzb8W4WlhkTsqGxnvaBlW/VSVrnDRW1Z\r\nYXrLosYXD+pOwBitDR1nwbBXfJdB76L1i9reaamD+vZI4xVKMlxa1qNZbD8V\r\nEGbavQNsC7qzJ2zxKA2S75UzBcr7k6EdO2EXT0o6R2IUy1q60Y7K/95kdW9w\r\n/m39t7Xe/lEzdLyT2DS1KMmjrygoof2zl+m9TIB4W0t6FN+yk/cc5JzdMS6L\r\nujDrs2Hkr6NgNtgy4al0WN4w/z7Lv0bEXwUArj9vQaZYTzQ3WxqSwT7nluth\r\nE+386uQuRIhMOCtPU95QQe0N9FKr6IsHZsPUzgnQKlWcxMx/40jw3zrWhDfz\r\nrRQAjUXS3iymYEGKuLF2XYLPbTT1qSsmwIr14539Vvi44PFes/rwwZOYmmQf\r\n/y9Ged1cU9qWNP73tJ4bbeReoESZNcBHJY1rnhIMOxhGda12BtuXnFbn/Rme\r\n7wCCoqWCykPj4jdV+zHH06tR7BnAq3gUcFxR/2crJDWKuDzKD49216cAPROE\r\ntSn1TvmCIyPIUJQQaRteROtoWZu9WYQ5BbPcRy6K3RCvYkrnkggxbb5Zampm\r\nLREtQtSRtCejGUb0oOWq9cMC8b5fQNULMVisD0HTWKOntE07og0fFlIaAH19\r\n5epSlJdvB3zQnFCp1MRYu81hzdKeHOqQsO8=\r\n=BhSP\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.336_1656987022359_0.374367576480922"},"_hasShrinkwrap":false},"1.1.0-beta.337":{"name":"@spaceone/design-system","version":"1.1.0-beta.337","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vue/composition-api":"^1.6.2","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.14","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.18","@vue/cli-plugin-eslint":"^4.2.3","@vue/cli-plugin-typescript":"^4.5.18","@vue/cli-service":"^4.5.18","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^7.20.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.14","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"e1e9ae4fce7cf412993f9a8d9745789bdc457842","_id":"@spaceone/design-system@1.1.0-beta.337","_nodeVersion":"16.15.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-jq2c9z+dQ35AYFRu7vIDsFGyxOB0Rd5Q5WFWSoEiyeddxbYvjrls+PPZmqE/WCJo7q6Ynnr5kpyDylCzrR0o1Q==","shasum":"10e510bfe3b011d04579c0a2a135efe75e9f70aa","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.337.tgz","fileCount":1332,"unpackedSize":60899610,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDTc6tT/bNxSaUoEcnP8CRUO3MAiP31K3Tp0DRoxSsFhwIhAIeYD1Pq1oTi+4jCrUP8l6y6kMPgALoDy0ZkUQmqEpl0"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiw6xiACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmordA//V4nGGQXF6CcQtS72Lp+hAKpt5xKu4qFhT44A25q3qrT0ZVRd\r\nVruG6fakDnbA91yQscooTBNPVYRY6fOtqaCGM4QqS1DIEDB1qjGEu9SG7SvW\r\nvbNzfRhU1P5tfsbUpBg8abcHx7a6NGhe99gXMXhf32YlZjm5RqwDrU5jev4i\r\nECajLaOpGYU0V/BD9QwYBX2CCi2FmN1JA4HX9TeK4cDDk6h1NxtvdDXmJV8A\r\nNH84NpxjD66zkPj4buSgGCcnhaGdPfsoMYm2gMGVQhSOkliYtOAyO/zILG0L\r\njACqH7h8OC6N4PCABqn1fSTFhy0MxHb9azD7Z2mj8DaDkWVXOFt8ISnTVZBK\r\nwKZ3Wl91YYySGGM70XyQAIY38IJ+w3kWOIHV8L0agjNQxPpCCSxf4HMMt9Pq\r\nXpRdPcrCxblSCZKK2RfywKCd8F35Wbi/z80ItF55afLBC+gEbyqvjH43OqWh\r\n4nHyVxavJR/8JYSECKnd3J/XEvxPfszfpgdB0utM+rL5qtuWyTfLo7RBMhgc\r\nkFUxXHY8fB/doQjfCNvQodzZzXC8nmh29wFL9sOnk22wagNeDmPv5zgf63Ez\r\nd79FXJogoidqGEJYAN7dlRrQtaImfe5r11SYWKfIR1TAtieOOjpWYxK/Tddd\r\ncTmC3PoZR+vUR27tHbO/40TsiU7YUVZvDPE=\r\n=lNYP\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.337_1656990817871_0.03373916286921097"},"_hasShrinkwrap":false},"1.1.0-beta.338":{"name":"@spaceone/design-system","version":"1.1.0-beta.338","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vue/composition-api":"^1.6.2","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","faker":"^5.1.0","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.14","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.18","@vue/cli-plugin-eslint":"^4.2.3","@vue/cli-plugin-typescript":"^4.5.18","@vue/cli-service":"^4.5.18","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^7.20.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.14","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"2fba7a5c817fe0f2fa3d189d1ec312d75d8bd122","_id":"@spaceone/design-system@1.1.0-beta.338","_nodeVersion":"16.15.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-B64RXWEfdGNLwKlw+HsVp6b+OuHeNWPGCBlM42epaUS+U3f2EN0943vJC0ME6VL9FaSFsF741QHVXe2oIZi16Q==","shasum":"c1ef8591e71888621a03f115bb99c2eca1de85ba","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.338.tgz","fileCount":1332,"unpackedSize":60899610,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHN78/Hjr4SHXz7SguMxnL3x0h8fw/65pD3suovX9YtaAiEA5M/m/Dway9qfaSdWKTH3hQ7aS6wDZ1qO7XLp3DbY898="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiw77DACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpSpA//QIuPxYpVKtpx8Iqiw0Ti2ciiDntZ6q2v7ZKZhbQFfY/rrJGc\r\nul7gPqOv4x2Z802wD7Ye0JjBY2He4hbVODmVguWJ73SrgvUf/Azm+lwn6cOH\r\ndFsGnz8clQVwiIrKp+Z0OYyRpiTyakN1Be0XGLLviX+BIE1mz5wUVjUFMPmo\r\nI2mI9N4kA0lpnhVLyae0rG9Z2NDgVefna4qLlzikNc+kgrXCII0g/1VvAZ9O\r\nOA3CDdvdJ0wUp9WXS/hvwKyMS6QrEkkXBtNVQTcx8OzYFYbqEXKOdT8h4WBm\r\njHuO34+buZOpPqrd3qPAOiQYx/CqcCV6FvNA4gjtKX6vd8uB/BfK6GAqEXdF\r\nPfpScc0uHfBccCWpNIKkQT0WJkXqOGknaaFpTCPXnECmhowtejGs2wlI/4dB\r\nk8Ky0LEbtSYtEHUV4mNBBhiD8my6cD45NYw6lGXwNozDzf/UEKMkxAt9j4yC\r\ntHkhSph4tuqTaP5IHh5VqxkcC/x+GVgDw9aZ6cvSG3u6iu1oto/yFwnUlKbu\r\n/NpwCMVZEOmT/rh35PZQkw02zhSTkh6dk9P7a9vtTqbi/qf1Q68ASOJ8l32L\r\n+Xn0KMcpf1sjQEUS56umRk2q9LrX7QcppvglXNwQz3PYtHrsmUuejXbg8PyT\r\no7syi5cTfQaVeqzd49vnmG573nOh0d3daUM=\r\n=DHh0\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.338_1656995523061_0.3135138150548755"},"_hasShrinkwrap":false},"1.1.0-beta.339":{"name":"@spaceone/design-system","version":"1.1.0-beta.339","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vue/composition-api":"^1.6.2","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.14","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.18","@vue/cli-plugin-eslint":"^4.2.3","@vue/cli-plugin-typescript":"^4.5.18","@vue/cli-service":"^4.5.18","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^7.20.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.14","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"65283bf220baac50f7df0daa9be02cbcdcf8bbb9","_id":"@spaceone/design-system@1.1.0-beta.339","_nodeVersion":"16.15.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-ENviQPwld2aRqnzblYf7z223Xj1o7vGZ/EpUAxt7Z9hnGyk90hPQPbMOV2czBFIx0OshLBLVDDgNRtMBhM5HDQ==","shasum":"64cb4bd4c423a4945ee8726293f1038764c2a8a3","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.339.tgz","fileCount":1343,"unpackedSize":60972424,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD1LyqufAjHwwOFT/BPNSqLqmAxtFf5I+wTZ9504RmrcQIhAI/takfAYe6/9pXL7BTbPDGWEzF/vuy0vb+mzvaPUVam"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiw/R6ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpVnw/+MPrug+s39/NwBOMV1TaJNp0q5RxwZ2zE8voCEtAGHa3Udffo\r\nK1Zys1winueMl49w91MMVZSmawf5FzI7rMxyTbAk1zRifkkBXpYtAMw6GhIq\r\nfpF3s6t9epndalptBnoC4uCiPwCYMhjLefrBeCXZuKOy0LO3Uh1nwZ+IvXlz\r\nKQWIjGG26oK5jfwVrnmOnU3FApgOg0QHhJS0+IYvnO/Cn34FqqmAcKTsi7H9\r\nYTo+qZUeQwucbRXbGvgqdceA1jbUY9FgvqRyESqoSgkSMjM3NWZcHWV6hzDE\r\n/O6VIZZ0RlmzvgeRlfHJNHyFGQjujafekUW2o6qG9NmG7MWXo92mQkOmAUgX\r\nNTJ1hmkTnV9DjRVr2AvX30ZNtQRJkcXn1gNAIHqhUyD6wc6WI5SNY7fu+dWx\r\nWso97xCVP1I+6UhBOR6UQshMhsWx+waUmjVwGIfJF9t1CRhz5mTJz6LUSWRd\r\n1M2IwaLFnIx34qFB7HxrvsnOAzOJpiftnUkU2sJaRNCZ7i46wfqOJoWDNv6c\r\n4jNJf6aC5npGK5uOD/J88kQhcoKdP/TAUQ+XuvK3iVyFZSO3trqUIz4CDk3o\r\n2dRK9hbKjPQs8qj8cM4SELe+L4qYXjeGODXTR4md1uNU9eoo1LQUsaePOsPH\r\ndpcOsJl8HYunSn6GkPmxXwnRoJ9LDjXJiDQ=\r\n=FIew\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.339_1657009273884_0.15795533210886648"},"_hasShrinkwrap":false},"1.1.0-beta.340":{"name":"@spaceone/design-system","version":"1.1.0-beta.340","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vue/composition-api":"^1.6.2","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.57.0","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.14","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.104","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.18","@vue/cli-plugin-eslint":"^4.2.3","@vue/cli-plugin-typescript":"^4.5.18","@vue/cli-service":"^4.5.18","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^7.20.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.14","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"d5cfc347fc626d4193a9dd7461678c81e1c8ede4","_id":"@spaceone/design-system@1.1.0-beta.340","_nodeVersion":"16.15.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-x/0hmGzVWokDQNG2Xv8iurjQ+YHeoHA3yOOU60pRrU4ro4pQ16gHDz03A//FfKbr8pRMXx04wG3qQicgGHnTNQ==","shasum":"b714a19e55a5a1ad28b53c941da0bbc0d576b3a2","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.340.tgz","fileCount":1343,"unpackedSize":60979595,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGg6BZoqOP88X0MNquzoUQgvzov98EnZVMT0LewV2griAiA8X/CaxH6N2GEiQhRxCjkayDB3fsSRib9Q0+VKXTDtVA=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJixATxACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqwcw/7BXdszpEXhIcNQPOArBFg3FAQgpWNqC7UDsWoiwBlbtrx7XUu\r\nPQwcaf0wFYNjLbFKhWb4nivA65Zh5BiKbis9AdbNRSVys+8/CRcMW/Q3GUR0\r\nonWW8hBl2DeC0ESD6mE2x2PJ1p1VoWMdi/K3te4BKwjS3gDR8rxK7u8ohK+t\r\nbjYCASYKMkWqAs4GWMFxbRlziBsGGb2/ERc+sFcZAZnbEz5CS7I20ubUzDQZ\r\nt2q20LDGB6UxW44Pg5fQzUjscnH4Nv5GnSfItvSKbJh2YirOyi0OCHJI0VRT\r\npmDpZc70h2pT8yZI2ttU2yPiNs1+D4adNHen08EBOHVAekYlQgTx6Z5uqIIs\r\n0gOYkbT6GI8y5d5XUGOtRrQcF4xqjFnvnbjaVky34ivJ/g3MifqdbPHa2qlP\r\nRA3L80fMHI6k5XBhbJqmVEeRsAfkU8Wl5tsn4rgs6RiYbmRWeHDcUtgQzHCi\r\n6i+si9QJSKkvcc9dPFQZw5tEHD+02J93uzeldvWYbsE9YvlSq4h6YZzGEtJV\r\n198dzIkAjWCgWMorbmNyaVc/n/cMrrf8AltxktA0N1I3NKlX9mI7234O8SOB\r\npRd14QZtgYpi5KRECPhaiy+M81ki34f9Lv8g6Zvg/h4CbACFg7jiHlZoE0TH\r\nS1rdVViQBSBcNESwQEB5zJKbVJLiyJUNBFg=\r\n=cuWS\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.340_1657013489228_0.040557175480730345"},"_hasShrinkwrap":false},"1.1.0-beta.341":{"name":"@spaceone/design-system","version":"1.1.0-beta.341","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vue/composition-api":"^1.6.2","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.14","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.18","@vue/cli-plugin-eslint":"^4.2.3","@vue/cli-plugin-typescript":"^4.5.18","@vue/cli-service":"^4.5.18","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^7.20.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.14","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"9b11cdbee2afd99c2dcae14c87225f4342814e6f","_id":"@spaceone/design-system@1.1.0-beta.341","_nodeVersion":"16.15.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-n+yO53P9ydsbpSYRvCiSxlPoV6PcYsoI463YFssWE30105sT7ejtcbKqnO9p7Ymcus9NJsbJYuMvREzvoTXjuA==","shasum":"e959f77289c1573661042e44bd5d53582c6c4c71","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.341.tgz","fileCount":1343,"unpackedSize":60985795,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICwkkWO24s89bBHeuitYhE+sWvYZBt92+RsUOgwBjcXJAiAQ+hBszHrboTFe0iiSXH8t1s+9WkC1yiol6jmrpvlGUg=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJixUIjACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrlaBAAglDI8DjpeaUk/6+QIcrrTLdQZS7OIZEhJuWzCBaWZbYoxeoC\r\nv4akrRd4GCazIeSXDxn7Avll6r0d3xAusqfnlr/HSkAiJV4bgq5/gXd7XtN6\r\nWYCF2yROod3k62wSrK5IWXcNNRTltlgylMWST/hqvzonI1QZFyAUF7QdPL7A\r\npl35nTc1HEkfeg2VfxnYnjvZ70l8eZ0Hw9Ki2GJHlz7fOSBkE7YWED4yVhDc\r\nS/J8IZ8NczHZjiuwCrnBkJAKpBVrs5D7mNpRiOYJU7vO4zkCFLGDW8/Z7U0C\r\ne2+/dpyrw0X/blcSITWhQLQlmpIOiURpCY0zjTzsKOfqI/04tzpIInRjjyMq\r\nD37stkIFWIHxxF/iU2u3JYcUxuOJDo74HLiHq9Jt3r5kGeKDF43/j4kXUV6P\r\nPvbfai1SZrop7K3/Qvm0fzK03r/EYvNLg7Wmu2/GFbQBzrGR9Y/nYSsMyMIs\r\nC3KUfnW2fd2AvHpCFhTf+Tt1UWeN81PO6y+BzRIXp5vOIItjIPr37OoJO+0C\r\n/PkYm2uPQ+nHB2+6Yt3avo/34jwE3H9Ue34237iUeFTLEM1Vwg97Mdn4+vu3\r\nDpbJYGJd3+Lkow8jbI1K6k9YVwze+3V4z+HXvrDcTPlOYEPXf0rAQgoiy2qa\r\n1EM6VPFZ1BZEsto1UM35zuqBc1w3+dmZVeg=\r\n=/B4H\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.341_1657094690732_0.27540118650691325"},"_hasShrinkwrap":false},"1.1.0-beta.342":{"name":"@spaceone/design-system","version":"1.1.0-beta.342","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vue/composition-api":"^1.6.2","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.14","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.18","@vue/cli-plugin-eslint":"^4.2.3","@vue/cli-plugin-typescript":"^4.5.18","@vue/cli-service":"^4.5.18","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^7.20.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.14","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"6526a8f0725b4e65b57dade109ef7ce09f6dddbc","_id":"@spaceone/design-system@1.1.0-beta.342","_nodeVersion":"16.15.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-qmUEnV0zYli4EjPE4lspyMNlAhZNI1yxZXusOIslwylJEO408Cv0HztPaUmldL+o2gm2Njo1mgtBFzqruWO8+Q==","shasum":"5e0e36316b1baf0f4f2d3aaec588327a79f535a9","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.342.tgz","fileCount":1343,"unpackedSize":60985795,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDdcED32xdfy0napYQd8lxKdBPsmELIwzpidEqUzN9DNAIgbkYj614lxn3W6Mg4LPVAHcW8ZbqPwMt2TibzcEsFVHk="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJixr0uACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq+wA//Q8ekjAelYU6UJmWpojenduI9xj0v808VkngzN19mNqPxz0Vn\r\n8Vk3jpE6c2wafAswB0a9o4kNSvsfaFPHjDkjf0tdTkEnsYFeMd/BNB/SWJa0\r\n0GFRqBHFa4oMotfNgOi9XVDFT5ZcX/pfti6LUwb6he+Hw9OgR9g3Fk9Qx6kx\r\nz598QluUO3XXyTYVIdnbmLlw7PxK8yYbl9Va6WgtzmiKCmp7cn+HVOR55VGR\r\nnAJCkLVEMt6mDUSvxJQBrZEqAe+pD2vx2pEmjoFtXJMguhAWyi7FOGprTTgB\r\nj/65X3t1ZYmC+tyoI6rs8/w3XooODb4SScWrHSTm04ijLO7WtCOEy+xLCxps\r\n0E5yC6jfeXRqtCweqTp6UUUIRHUZhCYatf3Ifi9JTrP9wz140bsKzFwQYk7k\r\nz9bKos9xH+icRm09b8KseWiHkGvsHg+up1knWgbpJbTYr0194RWdSMy59W9d\r\n8vNJNTwRYphnG205IP6tAVu3fAp5hDDi6NxWuP2anuDb6DNQc+vTcUuGFyIu\r\nXfcxz267pYC7bw4vYFXFz1uqbX9P7ASNnXgNoKNBNYs050arJ1J1sHX0TKMy\r\n2SheyfO4PXn2mnl+DXXtw0eAYMvzS5oP5y/nixodOXz+JUQ5H91/EvqdV1sq\r\ncIiROxnmEd27/HnZDbD2vlMC5UsuUesykHU=\r\n=M48Z\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.342_1657191726147_0.9142360140331505"},"_hasShrinkwrap":false},"1.1.0-beta.343":{"name":"@spaceone/design-system","version":"1.1.0-beta.343","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vue/composition-api":"^1.6.2","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.14","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.18","@vue/cli-plugin-eslint":"^4.2.3","@vue/cli-plugin-typescript":"^4.5.18","@vue/cli-service":"^4.5.18","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^7.20.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.14","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"c13584441c3f915f8c0945101f36003fbc5933e3","_id":"@spaceone/design-system@1.1.0-beta.343","_nodeVersion":"16.15.1","_npmVersion":"7.12.1","dist":{"integrity":"sha512-r7FKJKafDVcnng56j7ojTR/k0nPFvIYfufDkb/cn4Tn3c/A3cJuuPp3K292JfE9ZE7FucRXcRtBm+nNr4sFKDQ==","shasum":"65401b2eec29d4a578a00d66aa340cc091f1945b","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.343.tgz","fileCount":1338,"unpackedSize":60964069,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIG6npD8V35eK1KbUwcaszviM7Tu4lAcIL0YeVLMxGk8aAiEA4Mj2vqru2aegPDAXe3hdYqA+asCvUxmW8zT2l0HX9Sg="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJixsfdACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpCMA//UOC3n6LD/ScwFXYyL/fBrUilg+Ha70UjTuGzpTtcYzA+RxeM\r\n/605+XZVzS4o8s1vP6t6HFhrJCERudbTr3a/758x2Wqakxor41WV1wiyw8JB\r\n8rI6lue0P89piypXjVC7eCOEplnQWjENEvtBq7HS7TINmYs/zbxIeFZ4rOOH\r\njwfUyJYVUwlpUyUgzeAu5EYp0ruxfp9p3+VYbU3jSSdJ/XSSkEUHX7WyWtYf\r\nJdL+BKDbDK5yC+D9ump7Ja0zsnDZsLeSnC8h4WC4O6SGKWKvRAg5oPV8av/5\r\n5SSNKQSmB9VpoWqRO4KCFUOhNbzmkWrXauNOIUUfKT7obOx2sgei9mSS2SpU\r\nl/x1DTYVMy46ilUTGqqUWbHtP8P2SIy89AkgFfyNJBK8i+BYN+8r7wXcwIZ8\r\nuYoBewmY8Gusd1dxFt+WqnO4K5blVtp3pkOXx5IcxHXsWxesMn+VcJaljeZ7\r\nW5x86wL+T47ROFi/NqRMlah5x3gtcujI8S+0LgqgnQDQy0T9gM0+r15ggUfc\r\nNg/ch64OYTmehDSuWV76NhivFto8xRK75aJAN68H/V2cADbqUV9B2QIOV7oG\r\n1jOoKotJxvixZTw7KST56tUzyzfIezerU/1yb0I7XVGZY+qqENT/4JQUu93J\r\nPHgFumR/91kD+mrtPG+g51RtLHaIO87OTB4=\r\n=lRJr\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.343_1657194460988_0.7382752204651335"},"_hasShrinkwrap":false},"1.1.0-beta.344":{"name":"@spaceone/design-system","version":"1.1.0-beta.344","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vue/composition-api":"^1.6.2","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.14","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.18","@vue/cli-plugin-eslint":"^4.2.3","@vue/cli-plugin-typescript":"^4.5.18","@vue/cli-service":"^4.5.18","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^7.20.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.14","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"6b2c9abd04d4a67cffe9a5f5ce8c798c69099cfe","_id":"@spaceone/design-system@1.1.0-beta.344","_nodeVersion":"16.16.0","_npmVersion":"7.12.1","dist":{"integrity":"sha512-fbTzxLD9ko7clEVvBlvtMj51rebw/8hiofBiVCEaYx6piSaxAGUc+fFyU1TAf72/hquDjkSUKPBn1eNkK2GVMQ==","shasum":"25cc8e4d627da4d08430b4f40337e886165812ec","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.344.tgz","fileCount":1338,"unpackedSize":60964089,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCdpRXrbGqi71mPnex3L/Kn/hd1SLw4yUuX4oNCf7817gIhAPdAI8ChYyOOkXsxcmdB5OHE7vgpahodCoX2gX19cbpo"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJizpzfACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqYXRAAggm6/oiN5ud5E9Ku6xpR3kQ8UpxsGGWcfl920rvqIlAjj/fA\r\nxtEoghpq4Ugc3qfDYbCaU4iGqMoBlnhS/NCLXsESowvg7ZyGc2GRZ/v3/x31\r\nY9F51NzP/8adCKMUuaXjyvBP9J/xe6aK6h9vsghfEMQV380+/Jh02TIfDBo3\r\n/E/00uxyISZp47sj3hE6CemjqXaG5VkKT/RTy2eQ6e0I/BsPLkzWtUKcB3O4\r\n2I/Q1RUqarrjK33JtOLJofgfrsr6zwSXBnBEedu0/SwBuQ+oN44kCM1mDZV+\r\njQfsBDwTeIUj3rsF5We3infq38ifB5A91EiCxZL7BpOTpEelLNB9MjeA/zCu\r\nA9bSn4YBS8eI0VYsgPtuVJhbzsxcV08TdPfNCNpeS0ohKWgIanfX7mG6XuWt\r\nMotPUvUmu4MjheIpTsMuiXfT/GvDmmk9KXJFPBslugg0BW+vZaVyTuWB7r++\r\nF1L+oe1XMNyqLzIeJJnyO+9Y6Y7QZe92n3GwMXT7PVLx21Muv3WCM/mszjH7\r\n+8W3c5cMj6z8cOhMoIwxqjeXGZQTnO+PiszM9xlKMDu0t1B1od+ouA9jHoqH\r\nzxSRSBtGfQgjgPELB7m1J/XHGNwPI6ezJ6FVrPKeW3f7NvYuPOdSdRTr/F5w\r\nILMMXVPWkI50cif1gqjkMpqFp3qSdg3Yk7M=\r\n=fV8k\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.344_1657707742711_0.2585949418682103"},"_hasShrinkwrap":false},"1.1.0-beta.345":{"name":"@spaceone/design-system","version":"1.1.0-beta.345","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vue/composition-api":"^1.6.2","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.14","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.18","@vue/cli-plugin-eslint":"^4.2.3","@vue/cli-plugin-typescript":"^4.5.18","@vue/cli-service":"^4.5.18","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^7.20.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.14","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"aa1b7bba995b0f85147aeacb4765a31ff20cf0be","_id":"@spaceone/design-system@1.1.0-beta.345","_nodeVersion":"16.16.0","_npmVersion":"7.12.1","dist":{"integrity":"sha512-12lTsFsEJEAGqgcK9zvSSDv9So6vnR5ax1euiXsz3LU39TbNyKu1jpS1DxiqsiK8BWJzoKICcOUpZGZF0IMtxw==","shasum":"21dd6b407d40a844940f215011344259081aab19","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.345.tgz","fileCount":1341,"unpackedSize":60969999,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCVDHfSTHFlegtvpyU7ukPbwSeq5hsKySC9aYnYeABsKQIhAOocIRCHUk2nIIjA6iVW6hbfH1BsCAtmDmhfhVOuOj1M"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJizrYNACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrYtQ//RFqprD61rJ9GDZr2BaFFjFuoceNqvUkEvGu0Ritk234pPS2f\r\n8PJ59n5me+ffiVgz/CHGaqi+BlZQR7nbWDZZR9V7O+L/6jaF5Jfod0KMDR0p\r\nFHjuP1ClmW8Wwh6tAec4n3mJqxSOD3WraqQnh68JXDR52J5Y+lHFus5HrPx/\r\n+fK0WsqxCh6Su1ySbFbI1u2pJE8a27uQlAsoNTl8nuda99BBg4dXrKKwGTMI\r\n101T91UTVCIuFzt3pH8Et6+syOycfcPBZ5l38JfWnV1R7jQmzKwpOOIoiexy\r\nEg/xLp18NWTBnQJwVE1hmaKhU/0m9i2Oie9N7deVjflW+g7qK93WNS3svra1\r\nx407B6bnWpY+m1+qJCaNB/LcMEfWQtN5WiRLUioTuhS7dIawwyrs66Bl2Gbe\r\nZIqJMXk9XE9FEB6yfYAv9vKbNGmpDZKtLtpkmeEC44p/A38odoSZb2fldgO+\r\n1Zrj9KIRrruKGz9DVVRq68xaWJsluq0sKptoc5pf5S8JLQjWM3tadHYtvdCT\r\nybNWiM0WJX1EVfhWK2gAV9Z6MJWI5Abl3rUm6uNkH0jr6pbUKb+7VPxEwHjn\r\nzfzucSs6oIcSqRgJdEhnVz6ASzMWg14BJ5gSJhhTQzrrGXuu8Mo0OO+qcjre\r\n/sEN58bA9YCnGutyWYnI0hJ472RgTJdMmDw=\r\n=K6a6\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.345_1657714189161_0.09596856970026635"},"_hasShrinkwrap":false},"1.1.0-beta.346":{"name":"@spaceone/design-system","version":"1.1.0-beta.346","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vue/composition-api":"^1.6.2","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.14","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.18","@vue/cli-plugin-eslint":"^4.2.3","@vue/cli-plugin-typescript":"^4.5.18","@vue/cli-service":"^4.5.18","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^7.20.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.14","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"d58b8196969eae27b1a9c7822fbc6e95e8dfa88a","_id":"@spaceone/design-system@1.1.0-beta.346","_nodeVersion":"16.16.0","_npmVersion":"7.12.1","dist":{"integrity":"sha512-W99l8jdkjgwhdhoeiE6jaxWjVBuFejMKipTyOex54wXIbNjy9z7WwaPsggOfPsHexA6yjj8Y8MiYICbgT70q4g==","shasum":"6950c30e89f071ffa5b357cf29120bcd669b7fbd","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.346.tgz","fileCount":1339,"unpackedSize":60971945,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIB1WzdgNcbYYSo2gEZibrXhitR6h5tqawNUuTz3OYUfxAiAlqKKG7y/Rurk5ojHoyl8xDCfjYN/bmGq00xmOJYJrUw=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiz8WwACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoBdhAAlCwOzkvd7IT6Xn85njlMQb66ksvngJyCf8SMLa+a/ClmcuTB\r\nhEp9rYLMUmfwebRNsainrWDYPNU9uv50kwC970gzouCUr1hU/OiJTC5MvAdu\r\nAv5GYrSYJ6UKuW3UdkaV9a4aQLqryDJH1nR890TTbudejuEpDE2RDr3VJNG7\r\nxcA+jfgtUrojM9J3onk/cp8XtcnaZxShB/0pLUZZN1gAFMC6YPufno8LEbwB\r\nc/YTNiG8R4PSCy89WV+YfmZqnFyEqNCM3IesB3fD9v7S0lUmH8wVp2iZ8Oex\r\nMS0UCOv2ooXclWhXy5zcr4YarbT6/ajQCaWL8KeaxVVQ1FWKQDF4liUcRY0b\r\n0qTxINLWmC86O8mQ5O7uPo839aDNhF2vga0k9v5yVtxi4JocmRK6LjvXc2uS\r\ne016qUrFpGPsZ6yeReKC6m7pOuwMsbbP2OxGqzJrHJg9FREQjaA3Efz8/YHQ\r\nFey+43WUKCV3vH0wLDJ6qt/MIsDrobJ3mdFYXD1RORgVb7IC1hV3ybZCPfs2\r\nHxwbfZyeN5cFM9T4VA8n/TDpkcbVsjMOTolxNofTU1lAxx5XJkq80fsraMes\r\nyZzFDYndk+crTjiOmrMJxcrXZCepOs8M9y+eD+BrMDg2fMEuGMQKMV5Mdcx4\r\nk4ldcTEciciQT7x218JEmwXNh0wH93WgjBU=\r\n=FMy3\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.346_1657783727717_0.2950372067802387"},"_hasShrinkwrap":false},"1.1.0-beta.347":{"name":"@spaceone/design-system","version":"1.1.0-beta.347","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vue/composition-api":"^1.6.2","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.14","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.18","@vue/cli-plugin-eslint":"^4.2.3","@vue/cli-plugin-typescript":"^4.5.18","@vue/cli-service":"^4.5.18","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^7.20.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.14","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"15867688ca2bbdba51a7e97084296c1e7af24f7a","_id":"@spaceone/design-system@1.1.0-beta.347","_nodeVersion":"16.16.0","_npmVersion":"7.12.1","dist":{"integrity":"sha512-hxrSxCSVUWznIHN/IXanKWjnRMkEoQ8rfD5QJLKEidHVkr0/k5d3/xCnC9OJLHp45J41ZVHD+kom2QQsISXPjA==","shasum":"deeffe0b951d527c46c383eb04d7bec42c077036","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.347.tgz","fileCount":1339,"unpackedSize":60971973,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCqrlCAhux+BQvWyzZ2wJuxRyMPFkFzcVMNxaK6+sCC3gIgclroS1a9XJIhdDJyeJyIYG26EQN0MRp8/NIlT+PT3RY="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiz8mIACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrZJw//eg9y2B68OtmzU6usdhvI1HbldguyF4Myeicj9M844wTAlhZb\r\nZsZramVTYO44Qigzh/c/LkcYWiItbVAWYGARPJfY5C5NImyCSYIZttXC7kbw\r\n6C/EgUOjFZXXHip5OylOy+Lew8ck8KVrIsqmIA77s1sDgufDdlMCpBpcV2iC\r\nBN0fuEm0a+GTpK0DS+MR9x+lyV9K/aYXmemTjOo0IWapTi8Vtv/IXCHqE+Et\r\ntzM8+SnmD9bJzDjvevejMHF0pl/sIc1wdcotpCiKWjqGkvrO9BR5iZdwfivY\r\nLIpGG13Xn/9j0WABUULQqFOAXZTgMD6ePCyuutSBnANIJDuhHMnsRrrou9Yr\r\nHA11Jt3hfOfMQkhvt8ILm/NmX/6Ng5cTR+qLdLEc0+LUPTV1ZeoB/QHaZHJx\r\nAR4083d/SOazzSGsPIIlWusG3E62+qHV4DSQ3O0DxB0a2ySrTAJMigfpQ1Zr\r\nNCDHucg8VKrhs5SPTynGwApSqS+er4+s1L0XxLMQhdYQXKUHXgDDwSKD1OZX\r\nuMJT5S/tyGnFmhmwsXCq25flKgoiIwLxlGToJhQ1CA5Jj028c5BVj+JZQOCr\r\n4WjkUEOHl//0bflVHJZl66jpQ3DiIwM09FDBjQao4M9PnqImx7yCwdfzBqXq\r\nIzqfYJKtmBPh8ZilbF+cdfC45W9W2jHH5i4=\r\n=DIJN\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.347_1657784711877_0.8643278219466888"},"_hasShrinkwrap":false},"1.1.0-beta.348":{"name":"@spaceone/design-system","version":"1.1.0-beta.348","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vue/composition-api":"^1.6.2","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.14","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.18","@vue/cli-plugin-eslint":"^4.2.3","@vue/cli-plugin-typescript":"^4.5.18","@vue/cli-service":"^4.5.18","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^7.20.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.14","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"f2a960fc2d0d8e09980b3f20db6aef9c2eb17c71","_id":"@spaceone/design-system@1.1.0-beta.348","_nodeVersion":"16.16.0","_npmVersion":"7.12.1","dist":{"integrity":"sha512-dM6IQLB0S5Ot4ZcSXqFG9f4hSG6ETwX8T+posi325D6HP2UyFpmHA4p6IZdfaQgzBmrIIvwxcWW+fPHvGdbExw==","shasum":"dbf2c07fd65adccad8dccdce5bc9119e1bc39f5f","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.348.tgz","fileCount":1339,"unpackedSize":60973620,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIByCbyq+J/TC3aSkzAWUXILZagiTUmpj84WZ1YyxschJAiEAuL00gv6Nw3zhD6Z+USXBFol1yTm3zITHobCM4Ah5hH4="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi0RlIACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrDyRAAnpSWTbvWl0hbqYI5Ny4m4qC4HyQYWlqe4/FcD3AImGgRqBnd\r\nLj401urnmgt8S0TinGUf6qtaAiXogxhpHy54mKWtcW/EwvSc7Y898lGaSmHA\r\nwAAI7caBF2+QA0tprOmIVTvbpuMZvsrjSz+hSpI5CJk1Ij9LWaagJkomijP7\r\nACnC/NvBuxkbKcf6TTZhQ+ab78B4wUb1KwnCXI0gM/XSankvBkaYYwgjmy+0\r\nmqsKPiLy5NFdLx2phyU1OVhSZtFsUalzgo/6daCOMROIlBYUtf6wC6FPYbWe\r\nxCwt+mY7k5oJFHGxs782+GqfglCYSKSW+WMomNxbJ8ThFZDrzDyCbuTAlKKG\r\nIaprVURiOlQWGH+uAbTj1NGn3KBR2fYd2FG9RMJGt+RzBopOeU3/O8sRD33u\r\nczEDJxE/Wcm2zJi6dZYiaLHPO/szAu4Ie6wN3dLuVdRyCnRl3K3yQETaFmnP\r\nZfpngVTaHDosg9g3TJHGc/rx+VSHUOerx0sHPEs7fxXWWv8+GC+AGYRC0F7B\r\nb0YkTT+yYi7x0u2G2haSdIho4XEnRQPKvmKc3smw5HbCPyDmocb7ps605ONx\r\ntpjMzoVkI61rqiZg0g/8+atR+mrUfAJBhCRfbnmNVHiTS6vR22iBmBo+DfkS\r\nYBi9K0vrPqj9Ye0gB88gl9Lur1ogWsW2zn0=\r\n=i5X+\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.348_1657870663681_0.8773797046181016"},"_hasShrinkwrap":false},"1.1.0-beta.349":{"name":"@spaceone/design-system","version":"1.1.0-beta.349","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vue/composition-api":"^1.6.2","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.14","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.18","@vue/cli-plugin-eslint":"^4.2.3","@vue/cli-plugin-typescript":"^4.5.18","@vue/cli-service":"^4.5.18","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^7.20.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.14","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"2fb35d75f121dcc210b7a64b6e62b0cbe6e9429f","_id":"@spaceone/design-system@1.1.0-beta.349","_nodeVersion":"16.16.0","_npmVersion":"7.12.1","dist":{"integrity":"sha512-JbY/0fpmg0aQkO5xKiOfoRfrtv69RJdY8hC811A5oobyqH6Mm7muJAqwv5SBKVj6p2UKnxepjZZb3Y8RFsaBVw==","shasum":"2865fdbf7b1b86439aa13c1a9fb8e8ee087cc522","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.349.tgz","fileCount":1341,"unpackedSize":60990306,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIG3f7MtAMjblIrtnogG6aAa6Qi5BoCZRxdWxdFVytXx4AiEAkSq0VwGLorGgarHvUWFsa0GUr0b7qWaWDzKn0Bh/dG8="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi1SGAACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrQMQ//T38L9Iq4Ff8rFG8lXQ3dnDaxcMMJFFEmS2NiCkSnHR5KULGH\r\nnpv6wDp9+eMUFVFA48f/+biSlWnvnspN61HKDT38YW7yXjcxObc3LNMCuWb9\r\nWa1rQXtfqsRCd11wW1bUe+IBZ3Y0kIo4CBtYavpLQf9pvP7v7dgKefM6I2m4\r\nFo/elSjR4wuQVIGXA+3LqWe2S4NgGDS6nU6r7rESe33ycVCd/JM81PqcNTkd\r\nxVoXOw5td4fEqd7TtXrI+LQk6rg4mwt5kBV269Vt6HIEwswKhGjD16eoW2TJ\r\nJFc8bT7r2lQ+cq612sKNw0bvaSXd1ACTRGWMZblrhxySv2yE3rWSu8Z1yNSW\r\nxOZfXxcMAOgJjWHsxW/FHo+Tsdhwyvjzw2GWPjGzFKtFywhqN0JlaJ0QBmjZ\r\nFKO+s55/ZEIG3l6HFMZc7eLV5qslfQAFMtKGXtjjhz5JuwQFQLqBGTP/R+uQ\r\nNwCFdWOylH0rR6atLc1eQBHQxTROs8hxp1c3a5iEn9ynv/ZfUm2SwO+2Aoa3\r\n9PLmhMKZHpkgyXEWb/fMLyEgNA699KWRVn85vk0vBMfbLnlVhB2KCK6vkP7L\r\n3fJ+XWl5pCSPgd1Y7L6bsyuvLdencwp9By28aan5nNCsH/ZQGI/t9Z4EMito\r\nBHK0nvQJErG7P4Y6j28bWGHRmF1fNCyHFAM=\r\n=j5bS\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.349_1658134911939_0.5455010177250612"},"_hasShrinkwrap":false},"1.1.0-beta.350":{"name":"@spaceone/design-system","version":"1.1.0-beta.350","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vue/composition-api":"^1.6.2","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.14","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.18","@vue/cli-plugin-eslint":"^4.2.3","@vue/cli-plugin-typescript":"^4.5.18","@vue/cli-service":"^4.5.18","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^7.20.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.14","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"99d4817b2a6928d9860fd020826c60986d10bf49","_id":"@spaceone/design-system@1.1.0-beta.350","_nodeVersion":"16.16.0","_npmVersion":"7.12.1","dist":{"integrity":"sha512-cHSif6jkUVN1FXwxE3Fku9th+MvRgDCHWHuMb7/YLLjD8LUmW0C6nx+KwBpPY7yECowQXXlHdTcU51+UR1+gBg==","shasum":"546bc82d1e0f9ba8437fb9049af2394152b309e6","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.350.tgz","fileCount":1341,"unpackedSize":60990306,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGSWnTCiXE81gij3dfIhOyB1eDKZnLBqZhxtgmajcMv0AiEAkvn0QWWfsZ21V3olv6CAuKanMOBOiRTU5C+X4UUPPdQ="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi1TWuACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr6MA//QlRu3fmEeLVoijBCZaWDlPYGeSgNhdqScgArJWdUnzCUy+2h\r\nWfITJalpXO/t81Qkbw1gNeOMuq3o6gxv848//1z6pbVcpindgKfUZnfjxuSp\r\niDG8TKSRfkOvKdJW0fodNk6MKSovKdOv+RHzZ0IdkJIZQM95FUQw7KRGw8bK\r\nij5vB2FFBT8oc2r/RcD6Q/GOwFpTbAc5BpdMsCOf0WJh19EX9JGFpvS8OpJ1\r\ng+Kovosd+BHDRnePVz3FcX9oxYz4VZJZ0ui1SSk/NuYxtvAZwFR1Xm4X9wn7\r\n1SYIKYKFDBGmYbn07wVH25/H6qWqP7V/c4PjzO5JnMDCelTSmqE91K5ge3qa\r\nkNCIAkfiF3qktVbah6kICRsdRsRQ+lQabpDQ2bwmGd+opjFinbHycbTgL+W2\r\niaD0e/HDrJtcfd92TTeWDtxrxS2V11q7wSUd0fFahfk3pYBdALOlzyrycy+o\r\nJs5aAZY6wEMepclXHp+nohtwi8Jm6yFosnepzMd80yMFvWY9BXysni/HMheR\r\nqSIT/957ldXYJHIFUzF/i1oyXBtmrB+XViwCrusOaXRwL96DJCvvMJfSgHVO\r\nFrxOxRO14z/+p26fkf/pxaPVv1uKSVDntb5r+dVgUsuSuH43ZpbQsYJOybX6\r\nsMHV5O8ou7kP4/82TyBtwTbhpSwFb2AYA58=\r\n=uQjc\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.350_1658140077978_0.8605529973529344"},"_hasShrinkwrap":false},"1.1.0-beta.351":{"name":"@spaceone/design-system","version":"1.1.0-beta.351","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vue/composition-api":"^1.6.2","bytes":"^3.1.0","casual":"^1.6.2","casual-browserify":"^1.5.19-2","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.2","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.14","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.0","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.18","@vue/cli-plugin-eslint":"^4.2.3","@vue/cli-plugin-typescript":"^4.5.18","@vue/cli-service":"^4.5.18","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^7.20.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.14","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"e880c0cb5a5dea4157d291c273bf95298004f874","_id":"@spaceone/design-system@1.1.0-beta.351","_nodeVersion":"16.16.0","_npmVersion":"7.12.1","dist":{"integrity":"sha512-V0mhpa76V+62s48Gw5q01rSuFurTEOyu3YDRNOKP/m9R2oeK8S75EUwKGE8A162q53fPWyuZF+3nYI+tKAdtKg==","shasum":"626ebc5199689ccc9083e73d48d06eda2e2efdfa","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.351.tgz","fileCount":1341,"unpackedSize":60990316,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCYtnxy3vwaqyYtx3FNFE26ZDPjoOl6SYx45d2C/bqdygIgMP1JUEGHZtKwUL96EtcmfTZPx7xuLF6wb2j80PakmWo="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi1TqzACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr92Q/+Nzee7ib+WlLTQIDMq89qq3dyE4YhgegyUGUoUpB3cO5uMs9G\r\nWrdeZpCYxd909fkJhuSTdzcew9fSc29h7ECF2aGIT3Ui1zXc8WRLIoWZgRiO\r\n03dDxPXmnq1dUWdHrluvMdmqZGU4MDgvV5sWij3JyYLgBXx8gJtA5XJDI6jI\r\nDYSwQxD731IB5F5QvymGb/NvIqffXKIkuHH6ncOHa6YxURRWfh83JSigkuYv\r\ncAkA7qceo8zm+5rseSXmkmsmm49Z5h/Z5N7f2VaWI8Edbi7MH1JtkVOgwHvQ\r\nsXEjGz1N+9QlRm4WU0MN0yPy/qnyc+X5gF6bipjUBnDagt7b0zvRz1njtc2d\r\nHRMgCZMlLGLg06VkY5qsVixodGsl9LVXrBoimFh1J+ixgkZMMcPKmFv7ztTo\r\ngaeFCryMTfVE8a5Uwps0XCG2zSOBQ1FkmSEF3ggvTcIglCnxgVYNDHI/Ostr\r\ntwNAWGlVuV3ZPxjxLwX0Kujd6W71T78xNRSrhAimFjrVvIC9pB4HI6ySygrr\r\ngXUDrV51Fr8Wj1OdGHfDJL7/j7fqIzwmsyjaSIjMC0VfOQtc/8VpT2YWV7Js\r\n1M7qdK6a9oVbyii4QBlQuvsC7yIV9inGUF2mf6exVVBXKu6rqQEMN5Gt2TzD\r\nUJ7EDlSF6lI+fofGAAlpuhtsTfBi5mrx4XM=\r\n=0Y/2\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.351_1658141363062_0.2660045571686305"},"_hasShrinkwrap":false},"1.1.0-beta.352":{"name":"@spaceone/design-system","version":"1.1.0-beta.352","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vue/composition-api":"^1.6.2","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.14","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^5.0.1","@semantic-release/git":"^9.0.0","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.18","@vue/cli-plugin-eslint":"^4.2.3","@vue/cli-plugin-typescript":"^4.5.18","@vue/cli-service":"^4.5.18","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.1.2","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^7.20.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.6.3","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","sass-loader":"^10.2.0","semantic-release":"^17.4.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^3.0.7","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.14","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"72ec396308c61f1139090eb8de72777d28da867c","_id":"@spaceone/design-system@1.1.0-beta.352","_nodeVersion":"16.16.0","_npmVersion":"7.12.1","dist":{"integrity":"sha512-LUlLgl/gfXTIIidk0qTMOfoKko4V3eoKbxUkt2uPDR/l1F5rXKnBTRe/SUP0m82zFc7LJ/LWuzgm9Q5heHiojw==","shasum":"cd30602a2d25ac47cea05011c65e69ef2b783bc2","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.352.tgz","fileCount":1342,"unpackedSize":61149980,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDmDXgC+JP0/ncmyLMZMC3xOSuwD+WBzt0rEMcDP7wRtgIgEdWeoKcevnDJdp5jhz9mFYSqYG0k7YZmakcz+N3ff80="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi1jMwACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrDHg//SDh5XQr1mG56KttG0Ro4aKgoamsrfoR0o18bfhMIZQaHiOnW\r\nAi2LJMv1fPxfr734BjH/5KInIhGBVAlkOH5/PdF3DWwqRlruvzSYoN1kMroS\r\nkLcAUoylYmkdPvllQPwci1qaozK96vnrq7sxBDyY0Ghd2cFX61grvBnceN6o\r\nLr3ClAu3PD4ze7RXHpu6gSbWEnLQz3FwhVm1Zt+E4y+De+VDBVJsMX9hsZc3\r\nPgUdq2eik7geyBr6XEOvV+t/v4jyXyKMHYq/sde/Szj5F3ymfYxFXNFdv+eY\r\nrB64M4dPwp44rdAqbupFHQacJUZbpo/r9SPYfuiYR+/bBCVWaaom2UtIPrm6\r\nu7SWCPKzpV9A3kgY51OQQ0En6wjKyTdkuc8+KKtpyKLqRyckdroFzSgpom8V\r\nq+T7NeGbvc3f2mU0vRjC0/1Ze3BsAXICzhU+dqOOanAfYgUvGz3CI/AGUtBu\r\n5N+9skCj+YJ9M+tIcz04vdiVbjus93ECYx+WofaXbiwIqNfzidoOd0rGOuUQ\r\ntaEXkCHUTeoOy4BsccWbEl8bU3Qm++EzU9L0HDjbPsGM/0zy6SytXh3x9E6b\r\nbbSuOfkLavZAcQwowErEfurDdJOL7ZfsRZ5vv4zKAWeWrDjES3QF9TVRpjNf\r\nW/5xLTFAJTNWjZw/8TDj6z4sGIY3OHzxySw=\r\n=qSW1\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.352_1658204975778_0.9785039292309006"},"_hasShrinkwrap":false},"1.1.0-beta.353":{"name":"@spaceone/design-system","version":"1.1.0-beta.353","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vue/composition-api":"^1.6.2","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.14","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.18","@vue/cli-plugin-eslint":"^4.2.3","@vue/cli-plugin-typescript":"^4.5.18","@vue/cli-service":"^4.5.18","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^26.0.1","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^7.20.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.0.1","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","sass-loader":"^10.2.0","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^4.0.1","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.14","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"6d9b89ec728d9eb6a025611284fc7e9738d8e1b4","_id":"@spaceone/design-system@1.1.0-beta.353","_nodeVersion":"16.16.0","_npmVersion":"8.14.0","dist":{"integrity":"sha512-A4zjagDHdBpVPzsdNN+nrfj5jr/RJ0t0l8hMQKWiu1H96eb4Z+Tm69FYUChZnL3pb6tZeB+vHh0sYKCDhixYVg==","shasum":"a884dbb996d757b2aabe2460a735e4e99fe8c17d","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.353.tgz","fileCount":1342,"unpackedSize":61151175,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDuXytVODHy+XlJ/T/tE20NPgqtR/vIVPq0kByja9x/5AiEAzEWqyM1XvikfAo2bmACMbL+92o0++lIsNHmsQAiDFoo="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi1rdhACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoIzA//RLlaJN0HQi09o3KSUBe34nU8ofo2hM4Vv3evGEIjhdy5SOM0\r\nZlKZMsU/kSXt4Z60ud9AytFVvdFwq4sFas0o13O6ElUf2nkgEQWoIiVn1rpi\r\nIsJuRMlPXxt0CIFR2X2RLqBvqGnX/GD4kPbp9d4M36GQoG6uBZwDivoU+RlK\r\ngtdNyErfhs16WpUb7n3a91coDEB4ftxI3Y8VXrPUoq3MjzKQDKtXLCPDqqTv\r\ngcODT5n/DxWfGoQiUQAOfZ8nnbbKC+pFJ4svasmCDn1Jxk0UZancuwyF45EY\r\nLyiceInvvGbf2stG4VnfmDvPglnMtZYqCQyZIPZSw3i2Rlika8tFXBsytvsl\r\ndJQbgBFJU/16FT7Xqw3teXIFMdlyrEdzlu2mXw/QWG9S6fugujPzo19E5HNP\r\nncvBJ+5Re1WwaeU+t9efAN4gHkYeKUkS2F28r5DxpeKX5jUUKyBLmy9z4BfF\r\nxvN5NfQMCTusO5NSCjwWQKX6DWhH8bzwm8L+hmvx1DXkasoygwbJ38rWbzrC\r\nQ/PwDkmzww1UwWCelNRnUOoxUu24Y1SR8ADGBLmUDH4jsB2xEY+0+/J5yIXd\r\nMKs9ie6VY4oThUhJnIG1i+mtMqCytr1TBUXR5mj9A1ph8hhD3UwH1rnGd2Vy\r\nEHVyC9tIf4J/mu7YNPaErZY9EFg95Uy0O1I=\r\n=IODv\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.353_1658238816404_0.7098399317970558"},"_hasShrinkwrap":false},"1.1.0-beta.354":{"name":"@spaceone/design-system","version":"1.1.0-beta.354","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vue/composition-api":"^1.6.2","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.14","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.18","@vue/cli-plugin-eslint":"^4.2.3","@vue/cli-plugin-typescript":"^4.5.18","@vue/cli-service":"^4.5.18","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^26.0.1","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^7.20.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.0.1","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","sass-loader":"^10.2.0","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^4.0.1","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.14","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"b315fd63348ac025adfc0aea32e0d833e7a9cf3a","_id":"@spaceone/design-system@1.1.0-beta.354","_nodeVersion":"16.16.0","_npmVersion":"8.14.0","dist":{"integrity":"sha512-2nSYUcICDHJPOWnJjSoCgJ71ybLub1I1gzQ8rfTXPPX68xtmg0KrLGMtI+75Uq/uU+cGxvPjpafHzMY0ZuMMOg==","shasum":"31f2d37de1e3b79a3841009ac36bb5bc2c8aa2c2","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.354.tgz","fileCount":1338,"unpackedSize":61080706,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAyf5cg4BkVq/mpu9d7lDaS3ilS3HZxsJYfdweK3l4/aAiB+vEniUQ0u/8CLZGdjn49OPfJm9rUCv+kuprMxC+6OIg=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi1rldACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpsCA/7BLvJmGAhLxZ1iUnKtK+ElI+7s1yuAAwZEgZYLlHg0sHRVGlW\r\nEZMjQFsDOejlL5Hcsr/99UCJxn/YFRnR0auPF2sJDFsxqQFnZz1YdKYiU79i\r\n4pbnQjNcHc7OsxoLmAIVkWhrLj9F/Fri96Unfdd8oh7NSWC89/kgkNr5f92R\r\ntK+pnHgatLq/G0Bs4rk+xQ1Qdy8sh6UGg6zC87RLrOuV6EYmUk57JcUzGUbV\r\nHrVtvb2MtQ0pdHwgPPdCujoqy0hgeWM06HI03lfGCIXAp448/5DgLuOUluth\r\nEj4020CYzB3Z7sYmD0Q3K697DLeS35epupZ2oHvyKMeaNpVi5cyl31ITuz7C\r\nL86HCqC7l5boncd6tv1TH622B+ID2OPH6/avSL1TVmXI3LlBUguOc/7yhyjJ\r\nyol351Ww1c98324LnDh2iGhsUdxKO4Dk0He3n2eSkaEy1WvyclPCN1GcmFRo\r\nGd2JkhLGcvMtaVJ31WASpGGB+0ftqVk8yigsqH9j9MRx1jNYbTNAGtWr2Vu8\r\npLvIBxFnadp3lwd5cPFeuCKW19eaY+m30APw14ElrPjFW/7HIxfNoLgbgfaa\r\nrAWjphKWPYNp9y6nDFQogObMnahJMrMl2iJXtYbzNtM8L5vFMB6Xg47yk45D\r\nTZEhVKtWtsMd8iU/BLBr+IdtnfkxTrO7VxM=\r\n=qPLP\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.354_1658239325079_0.11211111662283968"},"_hasShrinkwrap":false},"1.1.0-beta.355":{"name":"@spaceone/design-system","version":"1.1.0-beta.355","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vue/composition-api":"^1.6.2","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.14","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.18","@vue/cli-plugin-eslint":"^4.2.3","@vue/cli-plugin-typescript":"^4.5.18","@vue/cli-service":"^4.5.18","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^26.0.1","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^7.20.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.0.1","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","sass-loader":"^10.2.0","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^4.0.1","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.14","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"ff2255ede4168a07b695110b7686f2f7e845c074","_id":"@spaceone/design-system@1.1.0-beta.355","_nodeVersion":"16.16.0","_npmVersion":"8.14.0","dist":{"integrity":"sha512-iVYbMDjgjuqi9KHPepPKpnMo70GABeOmzv37d6OauCaxFUuqRWByg7tu+BwxuJwl45DJsHng3GwHoiglbIwQ8Q==","shasum":"6e4aeec875ea0a0c14adc00d25c47847038ff7fa","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.355.tgz","fileCount":1339,"unpackedSize":64318252,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAMoAjfLTLi0uVKL002EFo0rnY9LtV3cYRHJFY2DOOhPAiAvYr3cK6qQzP//Q6pB/XC/sNxXr40U3E19BbvfEKrZmA=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi162aACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmogFw//b1MHyEP9D5/mRJjUyoPVs+vSBq6TpsPLR7o9DG/Un0yhm7E7\r\nRIWE72aLUj8qNPkumNyJwGmhLYogbeFnj5HOa2sKyGBpWbNgGy9KopVP9CiM\r\nZwMoXcFH7aU0dOKx+J0RXtJ51sEjUgpR+cvNIaBU8mHHeX8F/jdrAzmFgYOR\r\njIZMLhloxNvoPrBN8zfTN9yr73Zvj7vve7+cd8UOtHieAVsILqqrvwuuJ/Bu\r\n1l5sHV1UASyFeOb8Uc269MbU4DnqSObVlcm85QQp4w2NG9di+Q0GQDebrHLS\r\nQTVk2HWp9fdr5iGAdQZBWBYoiGqng7JRnQAP+ekqFpheQ2SkIiVhJBnBD6cj\r\nYQNSMMVDGm1PFsttrMWiWkYDzNqc9K1db+9x77ZcbJ5hAOhttYdlrdWbclIG\r\nfguKrLXiPyp6N1uqjy0fe4UKIv+pNQG86AZrYQACgnyNM9AFA37pf/KQn0Nc\r\nIP98HCMeSM2uhvXpOa9Wx7kmBv08J8h6eNpBAg4bAU3dW+3sO1O63YeeYn3q\r\nwO03NQouGYyX9VB9EAfvBbJEl3u3ZO9BCNxifXDRNNYu6EKs+X18gIJMJT3p\r\nAT1OzOVk1SiObw1AXXR2sFvqljAEBlPpsAaqoyoZeUdWnkpj0uBeBjhjFfCr\r\nlPWvVW4h386U8FCP1d02FT/1jdPON5ez94Q=\r\n=fx5V\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.355_1658301850070_0.08318114026090973"},"_hasShrinkwrap":false},"1.1.0-beta.356":{"name":"@spaceone/design-system","version":"1.1.0-beta.356","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vue/composition-api":"^1.6.2","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.14","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.18","@vue/cli-plugin-eslint":"^4.2.3","@vue/cli-plugin-typescript":"^4.5.18","@vue/cli-service":"^4.5.18","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^26.0.1","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^7.20.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.0.1","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","sass-loader":"^10.2.0","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^4.0.1","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.14","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"55efa0cfd16a66d887ba8929926cfb09d7abfe3a","_id":"@spaceone/design-system@1.1.0-beta.356","_nodeVersion":"16.16.0","_npmVersion":"8.14.0","dist":{"integrity":"sha512-b9OcKB56DrNDPzSepo//dlaU67MkRgIF5rOs5Jmel8dCBRMjN/e7qDqBOJOKYtk2ZHluPtxd3tT40aJHIgRx/Q==","shasum":"324a2b7c6d6fbc25bdd78f4c99dbc89aefe1533d","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.356.tgz","fileCount":1339,"unpackedSize":64319557,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDI/E4Czri6icmIax13uR9lFQ70fyL6sADbaP5IBGss4AIgdv9kXqWgeUcSpy2NoiWusrbtCR4kMn0Sb1Ky0tVdX0c="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi2KXQACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmru0Q/9FWoWVQHTNinSzjhjAnDhV9gWUBssjQgDw/HanBhO7E6xBvAV\r\nXJXKsv8tO/Qw+ycw3agY97++sPqKNSxxb8Pvk286QE8VZX9f/RUgyp1tCHGu\r\nJM0O/8/+e2vFxiwwW2tMCkXouVJmXr/oDXLFm4w7Kap6RdCINkStAMdIS/Bk\r\nq3yZDexNUVkZCq203J9yz9Jm3UJYybgok+0dVHUkL6CokJPbSOv/k0exmRLn\r\nY1zYI3n7aSdeFFsNL8+6ypVNAuq/qQmV/VhFN4gSqBdw+Nqrd5d0uMUUOLBH\r\nytFDiMF4WJf8T/Vjf99UYley+tMg9PbnOAR/Kbb/6XuIexrLU15Z2XWlxrmn\r\n0Gr61O0a5n987+5oJ1jSpI+6xfR+L7hJjpLRgD/jBYXeqkU+DmVUPtnmAcTS\r\ntcfKaOXUTCXXbG9wFnAtQ1Iiu79YF/Ydda2XPe3+E+hOlruCDGw4tBYdHr3h\r\n7LzuLsCNIXHZcjc0+tY2TsRxrz22hejori5kP8B8vUTDVFinmaCbKeRyEaP1\r\ntAXtCsXmx/UQEzYDVYcaT67kyE6fOWQ/va+i9lTm3PUcvMiS9zKTzAiajZJ7\r\nWw3gN9TDw6pObnyiNKFXSPI4gpr5YlZsda9yiQBLhYgMMtc12GnnBB1fNWm5\r\n1WNk4voStinOkhIvAZ/I2h82Qgw0grWa4mw=\r\n=pI10\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.356_1658365391819_0.6159281067569347"},"_hasShrinkwrap":false},"1.1.0-beta.357":{"name":"@spaceone/design-system","version":"1.1.0-beta.357","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vue/composition-api":"^1.6.2","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.14","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.18","@vue/cli-plugin-eslint":"^4.2.3","@vue/cli-plugin-typescript":"^4.5.18","@vue/cli-service":"^4.5.18","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^26.0.1","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^7.20.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.0.1","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","sass-loader":"^10.2.0","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^4.0.1","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.14","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"4c60a5f8256030d6b431d976e0094c08c218f773","_id":"@spaceone/design-system@1.1.0-beta.357","_nodeVersion":"16.16.0","_npmVersion":"8.14.0","dist":{"integrity":"sha512-anV+rjRlkIMdT901/WJ0VcTAY4Q8qcS7jKrDPoaCsdAM6MXA9IJxkagafFSomUKkNlWfdVZWv5aQg28YyQ/Jcw==","shasum":"1accec1914f892ba48f290117d01df3e32a783e2","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.357.tgz","fileCount":1339,"unpackedSize":64321942,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCiPi8paqOn4Xvi+X+RLzdxyKnjz9jWWFMmCzJJ8H2JAQIgb0yZA7zKz+KuGbZFiUeumD4pNd99OQ2LKIxKrfWcZtk="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi2OD7ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmorrQ//cuBewgv+czKGdWM1ZUjxbf02Ma0bHSXUXrzSQSen5hdWidKF\r\n33vrXUnuC/09LyI/dUDaGfwG70lk9ds66b1Yjb0aPnyWJle43vRHPDr+4CFN\r\ncM5OHXNUA15GQbnzNwSd+WIgPo6TOtt9g/M3x9pbQUbi8iAR6hCRHe1skoBw\r\nsYyb93CUX1zjU/D3vU5/MRUjGpIqSrJs0cV6XOe8dJzN02L+u3JpNQAMy/0w\r\n5dS27NTDM+vs5XHmV3pMLMi3H9uUXHP7z5udLBbfUdYGQnU97a7huy+4GeFa\r\njYRskMkiVV0XyQzill+wy7hfrBw59LDA4Z9ghHL1ZDOOzBSm1Eg3Y7s0mopE\r\n7yA7/kDYD5DLkGQbtQP6rL8pTWSqD1yPYy+/uKYkPV7vrHcS1nmZnYVScTHS\r\nrFxsbDDeFUWE57bJQT1Gkxp00lnuttrSt2IPlQzkgB1tNyle3nCbhZezML9F\r\nNofu0TlaFDuVCq8Ns9x6lKmbmRp6L0UFa0FS6EO64kmpEOEJcwQZZXxIY4u2\r\nGzH+jlXlx9GuRwBTEvSi7SqrcLQU8CkeQaVKWor/+8OG8WZk8glHKkDaewb1\r\nlKvraW3+CYj1qyM9VKoHgjpeo7ULMg9zuNwChkqv1ieTX+/8vK18OV3Hit3g\r\nS+7z1BEI3n2QE0GU9tkgWPrfdfMb1nC9FKo=\r\n=lgCe\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.357_1658380538708_0.46612329926929763"},"_hasShrinkwrap":false},"1.1.0-beta.358":{"name":"@spaceone/design-system","version":"1.1.0-beta.358","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vue/composition-api":"^1.6.2","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.14","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.18","@vue/cli-plugin-eslint":"^4.2.3","@vue/cli-plugin-typescript":"^4.5.18","@vue/cli-service":"^4.5.18","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^26.0.1","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^7.20.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.0.1","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","sass-loader":"^10.2.0","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^4.0.1","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.14","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"d2edea2045c510fbb585bd3b3602b776c57c0c20","_id":"@spaceone/design-system@1.1.0-beta.358","_nodeVersion":"16.16.0","_npmVersion":"8.14.0","dist":{"integrity":"sha512-nty5Ow4QI6USBtFrHLJED6NpXogGgdqEkGqaJFUymws9rZ44rY1sBGHEsO6VRIsdJ5nZ/xmuv7H5QBBa8Ro8aA==","shasum":"24a1029c481f98c698c07b0e39316d3ffea33195","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.358.tgz","fileCount":1339,"unpackedSize":64321001,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCzPyXQdbHLv+rmvVsvqEO89CI0tvGQzA1ihB6D6uK2WAIhALxfZpZBn8F3b+LV6V3fEs5uK+WmTw4fjVBC5SFpcu61"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi2T8aACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq1lg//aG5GV8CRUp7kLdCeze5TyjB2svL0oBIraJzj9P03MExh9wE6\r\nSVbHIsZTxzIj1YUmFNGMjT0CrsWEdRr7YAYVsumgmaodREEiXSVeggDVPy6N\r\niaaKcHkxeSzc0gQcTXeGXTDoqBWGWxwdD4H9GWvUkdUDo+EYOxGPLtOrHdZo\r\n0u1P/GSdTYf84/5/cXtDjHiHI8Qxupbk01HD+YLVFKso0IkRvvC+iytLmPUH\r\nWu8N5rF0E6TfjUTb35WkMvPv74gaqofYCOv6Zgdb1dUoqh8nJf406Xv3cvyY\r\n8YWntzRmpeVGR5Zz2DCPHfmOB+6Ji0LBdtrtsSr9dbGO7bdrEV7lEKJr2sQS\r\nOeP17ONIwhjx54DHMBybwH0E3h/6PvCGbftFjmR3xVXFDJR9NN/R47Yc06kQ\r\nYfgdxqIFPk6c6mTTMSymtfamIK1/MBZ3Hj50gGY9DaJ+nR+GHmTKWcLl/B0Q\r\ne3SRtZ9JIybizA5o8n8tTEUmsKQ1FWPH+wJcvELvm4eNpyVnvEVsNNumQ2cT\r\nJR+am4LdTNq4KH3znS5PDgbQb2vUDSJYaNx+AIUo8QNfKsYCLtxRdVE/FPOz\r\noz2ImhJW044unEN5dQgUwcVrPGzE9PLoZR4jqZPZbCuiGXmi9iNhTYK/0697\r\n5KNsBN9kKVTdbotDRvR3xUsQSOk+Y+w9L14=\r\n=gB3w\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.358_1658404631955_0.1448010614781441"},"_hasShrinkwrap":false},"1.1.0-beta.359":{"name":"@spaceone/design-system","version":"1.1.0-beta.359","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vue/composition-api":"^1.6.2","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.14","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.18","@vue/cli-plugin-eslint":"^4.2.3","@vue/cli-plugin-typescript":"^4.5.18","@vue/cli-service":"^4.5.18","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^26.0.1","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^7.20.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.0.1","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","sass-loader":"^10.2.0","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^4.0.1","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.14","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"5916d7f154cc2fefbbc6c361d914d685d1f87285","_id":"@spaceone/design-system@1.1.0-beta.359","_nodeVersion":"16.16.0","_npmVersion":"8.14.0","dist":{"integrity":"sha512-8TaQGHXi066FLGPi4FrnaBibOlzugxgXodBCSQEoeS6W3M1jANvreci+QwqN6y9Mvh8NzwEbsPdqcGLKFTTUJA==","shasum":"5a0e1d9562c908f6a9746a17ed7e6445839b17ee","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.359.tgz","fileCount":1339,"unpackedSize":64321285,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEUHgbC73TeQ/lWAz3umleDk6qcU4CvaXo5aMzG8d958AiEApNEdMetCrjiO9PDqMsyv5kV/d8MS3vUOVAP3AUcJS0s="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi4KGrACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqfKQ//X/eFgCaiT7fCzMT5zJqCJicLedxDKFJcTbDzt/Xfa4wYu7Cb\r\nJXv3L10REiXobYmRQpnJ40+ozVMUu6zEkeYuIfMvPIigvYhoEK9gTNupuwwc\r\nA+gU0BID6DD5XekzT3ZNgox2l5T4QBOYSVpuA2sbsgbgzsYxc5WjsgTQPVhz\r\nKskECj9mkZGRf2iWl3qRwQBoaglXXDQt8wQhg+KwOePaL6Y8czbDDvBSU7jN\r\ne0ynXSuvCBkDrLbZV27F3KUA4AzYADMGy9k5XuvveJfluXUXddXG7K/YEeNP\r\nRGKYYAncEBtZFhfSPwKpOcbYwG5NzOSFjGGu+E4g6IqMmoVSRaV8Zvrf6Xqo\r\n/20QeAtmzLneDo86PShLWK3t8aOmyEYhvPMcpgdObKR8GFhZjTNYOfFWaxzP\r\nkv0dON4O6Xa9So/jTTaSEYQcjWVEK5Pie7NouE3obuwRiCSHojP+B/AyVWYc\r\n6v4kQsxDyXCvMa6Hfr7VSKB4ZmyYcwon5kKTdVQPsc0tiEIoGuaB+90/ayj/\r\nKAaDI372jXwexpesy8i3tIDgCTn2LkSHBCQPqcLi7TiW2trCMxWYegvHxFKi\r\npPQg49cCgLpzxOmKXKnF0X4J9LuOQmQoWUz73R5JuU2Gm6P8r7Ux1qfWwsgp\r\nXn7Mq4ECeYksu7+1v8hMHQ2h1CAvu3RXN1g=\r\n=Zp3Q\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.359_1658888618545_0.9540305966675202"},"_hasShrinkwrap":false},"1.1.0-beta.360":{"name":"@spaceone/design-system","version":"1.1.0-beta.360","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vue/composition-api":"^1.6.2","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.14","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.18","@vue/cli-plugin-eslint":"^4.2.3","@vue/cli-plugin-typescript":"^4.5.18","@vue/cli-service":"^4.5.18","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^26.0.1","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^7.20.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.0.1","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","sass-loader":"^10.2.0","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^4.0.1","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.14","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"0645b6f31624bb746409196af39185d85afabe53","_id":"@spaceone/design-system@1.1.0-beta.360","_nodeVersion":"16.16.0","_npmVersion":"8.14.0","dist":{"integrity":"sha512-3uKvHixCj6BayYXaiVcaQ0ZrfqFJ/8Rd3BGYAfGthUYxOHNqxfjwlBoLnbXBBa5qlqpqBackqsAmyhSNiDVcMA==","shasum":"4ba44deb6fe9c754dd32e65b400d0d59682500ae","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.360.tgz","fileCount":1339,"unpackedSize":64321009,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAC5noOB8oPsgq9kBKdWRwWstsxI/pTuqN+I1hvQrPlCAiAQbrfMLOzk9XnIvWN42PlDsr42avLK15K0t6bGrFBs6w=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi44icACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoIxw//cGvZ2fQwSpoy1koAws/mB7VbSgou8tSjwC15q23XgMcY/hUE\r\nJG6zD7GG0+HfvYsbglhqPP9qiMXcf/fis/+GJCJgecqk15ho06++/aTeOf0u\r\njarDGIgYABoBD//7M1JTZlKh+MFYK5uTd0sxVvZWpiyOWvcSJQVVBGoODD/b\r\n9B97dEXgQGN7CV6SXm5PbMFJdKGSFFfiPMiRN+pEENDaaXuV7q+MZxSE4NCh\r\nirtp1KgKT5b1W6qxWTg16G1ka0iSvDQ4nbGCHLp+0RU6smG2tTmS1jY9JhlR\r\n4wAvNjSxK0B+YXbRjde7Lj5tqohnYNdONv0oeswlYRAzwviEosSLIPBHTHVX\r\nx0SIM9URe8uNsICXT6pej82a2wrTpC2t2eyxdLETbnHNZAJzJJNRS4ISEZCo\r\nCMyTzs1MZVWvkMg8ZYzCgS1z9uQ/yhbfuothv8X41t7IQ4IlnOlkXP2fqUpM\r\nRQb3aG/BTpfsTmMqhz/bZM2x+J2HRR/gaXcoBMN2haYTnF5qO7ebA/m2Yjw9\r\nagko6c+vYm+OmrpYW3c5BPl52tIvjLb1OwzJtvtEp+eVIScf8EgUC9K5KTNL\r\n0yvmGL1LQl6Pk44qRmwWe8kU11dbhz3TgKsqKVMepPjFQ+UpiBO/pKCN91XS\r\nOxu72zUZEeEVUHlF2FUrBC866O2XCrjWFQA=\r\n=sZ2Z\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.360_1659078812107_0.11274192944337735"},"_hasShrinkwrap":false},"1.1.0-beta.361":{"name":"@spaceone/design-system","version":"1.1.0-beta.361","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vue/composition-api":"^1.6.2","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.14","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.18","@vue/cli-plugin-eslint":"^4.2.3","@vue/cli-plugin-typescript":"^4.5.18","@vue/cli-service":"^4.5.18","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^26.0.1","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^7.20.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.0.1","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","sass-loader":"^10.2.0","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^4.0.1","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.14","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"529f057f33e20a8e1651ba819d6701e4822b94cf","_id":"@spaceone/design-system@1.1.0-beta.361","_nodeVersion":"16.16.0","_npmVersion":"8.14.0","dist":{"integrity":"sha512-WFtnzN/WmtqOgsmP+XgbynMMRHcUW/VWGIaItHneNFv/OYm6sC4jSrRyTc5Ihse0GHdqseUh57m1aOCSItL5tQ==","shasum":"e54fb430d60d11f5de2b11a80d3f45f626683e9e","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.361.tgz","fileCount":1339,"unpackedSize":64321526,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICkic0pPVmxkPcRWHlaTED2KfJGozMj+uygyt4yWYU33AiBJhRiD2NDo9iwZOHg8s2ZmXnZfRxP7lKqGjM6Gy7zRBw=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi61AqACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpCIhAAitxIjGdnOmswY2zkdkbMvDc0vWXidZYPvzq8fHtfyZycRJZY\r\naSXwNPg6tQl2GHyTREDBuYmR7grs8ZmEE4rQnbMeAp2+AsRuDcECKfNaJ91B\r\n5eRnuZI5ebBA6dXo0jWYjr2Eke3sdwZjEnZMkOdQPkj0J3kbYbvVR7xKqGOP\r\n621omt9EEvYtycSFMPMTuWjV9SA2R4DDR3+/XRA+KFrXT5qbxpLJskN5GFwX\r\nUbtX81HXhajE2pG3wpJFZ6QyXLmG08fRBQhoAfBu+a/2DJvAPuE5MEZv/lHg\r\npGt2QUo2o1Osge0pA3CG8/5aQIeT2CyBVVaPVRWL2PLkOgnkDUJ2R+WyPPRp\r\nl6LDH80Xwx+jq583rMTJEt+bFwaeUZy6vVSij0pPqAafg9mWSPGIY68OvhqL\r\njgBS0iGfmFAwKGXH421Jf6fq/9LLTS2R5eB8aATtFsV7mRcY0YM/GSPJc80Y\r\nQ2IHgja1FZcbGB0SRSM1+VDVzsNwKW9169iTqW5Vry7Pfhs+PCSQEP038DGS\r\ni0mZ3FDUVfZisqExdqLr3D2d64nFHdwSxtnK/Xm1wpKriw8BFeg3Y43Lhocl\r\nMwAYa2D4qTMmGYvcjU6zkhE+u+wMypeBk2RnMB9H/cD7dEIaHQ2GvtKH/NnO\r\ndtsEscNR5Ha59jpuHkwg9f+ynP+YC71+NxU=\r\n=3mSV\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.361_1659588649459_0.6054352436340362"},"_hasShrinkwrap":false},"1.1.0-beta.362":{"name":"@spaceone/design-system","version":"1.1.0-beta.362","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vue/composition-api":"^1.6.2","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.14","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.18","@vue/cli-plugin-eslint":"^4.2.3","@vue/cli-plugin-typescript":"^4.5.18","@vue/cli-service":"^4.5.18","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^26.0.1","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^7.20.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.0.1","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","sass-loader":"^10.2.0","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^4.0.1","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.14","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"065cacba478e2236082d3401a94c440e9357296a","_id":"@spaceone/design-system@1.1.0-beta.362","_nodeVersion":"16.16.0","_npmVersion":"8.14.0","dist":{"integrity":"sha512-N3Sf0pQjHBg/IiLhFV5YPPbXqKDmqYmHEhxgs3SqrYYRrLSOR5oYm+4h1/ekwqVCCUH0Xgna9ZOyOPZwr5Xjog==","shasum":"9c8433206824f7e3c3cb03c60ccc487335acc4ad","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.362.tgz","fileCount":1389,"unpackedSize":64379856,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAqGYfX5MKiDwfQSB0kkuQanU5DGFt/ZC9TRVrw05iGAAiAPRcKiXO4kY2ocp0CFnO6bbX04v0QIsNy6014Hj43sfA=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi63KhACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoHJxAAmRfJVbKf/LfaJZjVdui5nQ1OXWQxxee2K8TGfiyp1GTdoYhi\r\ndsb13x9B7lUX1exMn0l6Bm2PwBmMUVppmhpHVCLa9Z231cGsPnGnuOoWrXtV\r\n0HpsHMSu7q56+tu/xc1NkyGE5Fs7IALlKpV9ayZJtRuqyolrU/juGHpHPjyt\r\nV4tRkPS+l1E0qXEEf6G/AVjIe4ZyfEhO6d3IPXPrnFk7IlV57gtKpk+/Z5wu\r\n09IYcJc7bd1aMyrVeCGj0OtApun2/5ib3TSGF9SA7iwfj2JBaf/Hc9NcfowP\r\nm+O2ut28ZJtmsjBO2scMpB/eoidPwlMOJGpM/H4hAyBwDy/e6Qx6wM1uGfdw\r\nhULofDmlEhWHKJF2D9+tPTqg0ysBMUxjfLKZangHxpOvXq2Nk9RPzrvJ+9B/\r\nzydMgc1lc94AbpuyrWW++6wuwK9iYrnq9ohZJ3oecsC9cFvywVSJ54ouoNzG\r\nojKkfDuy+6smT31V/Lp5vPtfbZBlOeR+cgyq1V9unZif0e39YEUi3rGom+Sj\r\n+D42myhfWFP1Gwsoe72H2n3katYdrOMXVVG1vysjIxzBBxq75DDV4liiA5UV\r\nUj0ymTJPljl1CTTrtM1hr5YhkOSaOCe3oryIJ0yeq3Bx21cE/S6jsZin60gi\r\nPk8oSulOCZ4KByTC3xUutGNPmqUw4Ju1OtE=\r\n=2Nn+\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.362_1659597472324_0.5135984361549306"},"_hasShrinkwrap":false},"1.1.0-beta.363":{"name":"@spaceone/design-system","version":"1.1.0-beta.363","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vue/composition-api":"^1.6.2","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.14","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.18","@vue/cli-plugin-eslint":"^4.2.3","@vue/cli-plugin-typescript":"^4.5.18","@vue/cli-service":"^4.5.18","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^26.0.1","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^7.20.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.0.1","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","sass-loader":"^10.2.0","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^4.0.1","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.14","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"0b0ba03107ce89ea0669ee6cb4dd8be85a2416df","_id":"@spaceone/design-system@1.1.0-beta.363","_nodeVersion":"16.16.0","_npmVersion":"8.14.0","dist":{"integrity":"sha512-ESNCR3HamebSODaCw6D1gfkNCwiSgx9xXJGKZ7jNx1GVEP1r5gYYyXBZdyn50CUsVJW85K54WVd6BlhVBtuAMw==","shasum":"6d920c5f966f44a099a9f109f5d883f057efeb4e","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.363.tgz","fileCount":1389,"unpackedSize":64382160,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFBW+klhQIGG/tvT5PBznJjWez0bgIjYnOILzLRzeMVZAiA+hDgQGhc3oHiQX2lMVMLsXfnlcJJC+grXluHg/N2dMw=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi66aaACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr4Dg//cC4dxbF+1X0TUnalaNo5TSZizmc3IP7injygszrI4zMs9o8l\r\nzWDrgG2jWgiz+eSjE+q0jhCQBHUIThs3OBVmlco46H/qX+xry+rXzcbo0OoN\r\nSHbTmSJnBxAnsbbGMCSe4uawJ8Dh6JkvZwG/72e3RRU3sLt8alJ1GAIGKd86\r\nXVeb4bAFxoPmZdy4QV47xMYyQKXaiJCQik+SVE5KHv64sYFdYiU3I7cZ3GVN\r\n2Qb2LhO+X9+uPzsKBWqXTMSpV6no3RD8/QG+qQctiT5jR8AUyin5Vtm7aX8W\r\nY5c9I2zjjgmGxoFltfFl5ODbr10M5sFn68zrbujmFRmZo97nN8f2YrufPhQk\r\nSBSGxpyZrfZgJ3A+zkis2uDxoYKLwoqohPcuLPFGTTMwIqhBYhWm+ZJ+K5U0\r\nMzC2V/2LW1owqCwH/d3Uo0mzhtQN7I2YI1koQRvSRLO4AxuBusgKQ4ejzV1B\r\ndZuf4izVJn84AQv0hNR/wMb2oNpY2mh5gfyU8o+BnHbUBImIDqnGw/JC4B6W\r\nSUebU5RaiR+2Q4mh5CS/tKSe5cm9K0t7S9bHeYX/O+CPI+lM3Ks64jBPYG/H\r\n1xOc25qZA7Euh1Zo6ylEyGzKzRIOkUMJwNJP6iG9BkqDK5fbf92k7Rzgv3TZ\r\nKaFDV0r7xJg6hs4HMY/QS6KdKYIJ46yAxzU=\r\n=mypn\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.363_1659610778345_0.3656580311150357"},"_hasShrinkwrap":false},"1.1.0-beta.364":{"name":"@spaceone/design-system","version":"1.1.0-beta.364","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vue/composition-api":"^1.6.2","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.14","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.18","@vue/cli-plugin-eslint":"^4.2.3","@vue/cli-plugin-typescript":"^4.5.18","@vue/cli-service":"^4.5.18","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^26.0.1","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^7.20.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.0.1","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","sass-loader":"^10.2.0","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^4.0.1","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.14","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"9d67726af2f16d571d19cc528fc1a0a77f9e92b5","_id":"@spaceone/design-system@1.1.0-beta.364","_nodeVersion":"16.16.0","_npmVersion":"8.14.0","dist":{"integrity":"sha512-L+CfIJJUIFnZAVOz2GxzTwXhuJZqgq13SJhv5Isg49+lJd25LiiU7MBZSr7BoIv9u0C6hNgbgrna/LsDuiADNA==","shasum":"ad1bf4d0eccfe738283776291d2410b1dafccb15","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.364.tgz","fileCount":1389,"unpackedSize":64382673,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDSAD8JO4feIMDZFeVLl8t7kFRz+DRhARxGXdt+MkbQHAiBwfyJ4zVh1+uMzjnGWOdFakHvF4ZEPeZGFC1VCFISO0Q=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi7N8iACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoGEg//S3fy5gsybjelQQ9SX9oKLSnCnePFvsFrLmWNLfyD0n0fKElD\r\nqeSUynEeSw7cQnFjDg2n8Py9j5VffTeteOOwFvF6wGM5yuq4OzcLQMo3IUMF\r\nkC/oiiRdZ+V/7eTr+jAlsBKAaJEKaBkPTeBlowjYgRVJyfjwakIYfbKBN0Hd\r\n0s6rXpc0igO7yErGSUaJgpL4Cdn07t65Jr25MTVIZ4lTMmnPtvRMkHn1j6l/\r\n/jiHiHZj9s60uW9TDkpN8Eg6x6uEr4W96pAE/Zwzkh22dBKTrk5rr8mojYZx\r\nswncIRwAdnU+mdZ2lauFN3M49l3Sk4JK8qlUAPj7O3ir6XC8csIJmrS/5k/M\r\nhIqiWbyFQrr1Y3tawFjGVDQk+8FE0NlXdDyhbHQ4S990k9XOZVfvQ0tCG8Mc\r\n+z29Ueud5dGR5nPyGBQdTez0XhZTgTLenJfFlcW9Tt6urrEbe1u0Zf9KtvIz\r\nERHl9BVohTPPYiZjs0gWlcj0zFghQu0wq4E5opzqR6i9YiVY3h0nevIkQRZW\r\nEGcjT6DPsHJQLY04QgKXnBWnRDUSdRZcQVLPuQ61TBvLdPXW5FJuxyLcWBXe\r\nu3adWGJwg0ztztbLzuD3DQUH7Px2aErZlExWGDC4fyTe09PaRAQFV4amMGa1\r\nNWaC4OAj5tCmFl+iGB1qMsMrJnPsbUQrsmA=\r\n=/RKs\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.364_1659690785719_0.4479687433621893"},"_hasShrinkwrap":false},"1.1.0-beta.365":{"name":"@spaceone/design-system","version":"1.1.0-beta.365","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vue/composition-api":"^1.6.2","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.14","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.18","@vue/cli-plugin-eslint":"^4.2.3","@vue/cli-plugin-typescript":"^4.5.18","@vue/cli-service":"^4.5.18","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^26.0.1","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^7.20.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.0.1","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","sass-loader":"^10.2.0","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^4.0.1","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.14","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"85da8fcb2c41e28384826ccf2794e766b423866a","_id":"@spaceone/design-system@1.1.0-beta.365","_nodeVersion":"16.16.0","_npmVersion":"8.14.0","dist":{"integrity":"sha512-33BlE+7P5XiKKeWpbHHRcKmiP/WouOM43gAyrCa4ApUwPlHjd6mfoJHeUNpD26gNXRw63cVoR4yKkFx/T4ddPA==","shasum":"75f37e74a698c268601356c4f72f6b63bd0045d6","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.365.tgz","fileCount":1389,"unpackedSize":64382645,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD67yYSMIBGI57Ie7F7NGeKWDH5xmJn7X48vNSt+T43VQIgXgqz+ojp8UrTsuHkTaKrxIO6ONr1f2Q0REE0SHv+8K0="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi7OKuACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoB/g//UxqmU3u7UyqQX25dLo3A0/bKlaOrgWYcwjhbiKeHRq2o+RHt\r\n3jl56jTkbdlnXkGkrkOh3w3tLAudHwOT0d4AW4iUofMGrhGhr9s6z2vRo+Qk\r\n6TyswTz7uvYQ6t1Glz16Kidw71XlAhW/KEe31u41gF/zWHDWzDgvHJooKzYc\r\nXDSK3gK2UbgEdB40fsZlL14Z6puIifYyFCE2nhBofnyY+AnoexHme3JUdco+\r\ndPOlEIAUCX0wDGWdw56uDyUFSQf6xrDFBOPpdgVtfvTZ8T7epbbNmvHT1Wv0\r\nzyAbpC2/nSN7Wg3/r4Oe2I9IGCAg/+Tbs+0S29Jn21kkKeteXLOWIbEjuWpI\r\n3ATSP8QdlQ4Mk7BNE0j4HtnMVP3KHwSdjNGmhSfGiK2ZJX9Z5aY3yphkRQ2f\r\nTzlsS/gLusvT5BvS7iI8yPWKdt3EQxvSg4CNlNJQ1yasUGxY1SfmP7YWfVO6\r\nHV6mZlaIu1RZYRdSL76mgpl85Iz/mv0aDtlInOjuQDTHnnLH+PA29U5HvxdA\r\nZg8vQhlB/4Kf2rU6zzZE4c3gIeuUcOYcLJFRlqTjUS8s8CS3sS4l6u/nxBbd\r\n6X+eJgx+rSn3DInfW6iPyhQY1x69vj4c67NgwwZuQqxTmvI2xZbQtX/oKZEy\r\nnAdxYItgwnVear/94SzB4pCKsHYcsYlbyHU=\r\n=kERO\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.365_1659691693856_0.2855998349258748"},"_hasShrinkwrap":false},"1.1.0-beta.366":{"name":"@spaceone/design-system","version":"1.1.0-beta.366","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vue/composition-api":"^1.6.2","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.14","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.18","@vue/cli-plugin-eslint":"^4.2.3","@vue/cli-plugin-typescript":"^4.5.18","@vue/cli-service":"^4.5.18","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^26.0.1","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^7.20.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.0.1","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","sass-loader":"^10.2.0","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^4.0.1","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.14","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"56f263da3f713d67e58203cefd38ca40330c87a0","_id":"@spaceone/design-system@1.1.0-beta.366","_nodeVersion":"16.16.0","_npmVersion":"8.14.0","dist":{"integrity":"sha512-+6rDel/SGrH7Lbkk/C6OVnqKxoNQuCAK8k/LSZTmzRxW/BtY6DiY9leC+ssxXC45NCDovrgA9U28l3Yf09V/Eg==","shasum":"6273a07dd0acafcd99d7fe11e902cf72bac3397e","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.366.tgz","fileCount":1389,"unpackedSize":64382733,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCID9IH2UZLfY78UuSIwq74dOzIjcjfGsEcQl/V/mPWrg0AiEAyewS69l5yBE9d8s8Jch9BzkScsqU1Hq3ktIWZFOJ0vc="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi7OWrACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrkpQ//TDo+219rql2PTT5ITL1yNcL88o5ZMjdsyUFHc1O3NioC/lll\r\nWC9gQoLcrhf46wlXZdWPTO5diOyemdk6XlwQTNbtVqR0F8QMJDpLHx9JPtFj\r\n1lRJc0XbSqp+ohImxHLWc5limfJLl1JUrghVJbeb1JG1RXpoB4Tzzs68NsEs\r\nS6dzrIteuOhUlPtRaiGnWynVaqVZYn0SCIXe+2N8ZaT7quZ71ilAkzQ/ba/N\r\n2ug3Qc/Dqq0K/3l+QrOUppF8F2XO3w4cwr+7RTHIP7/oN5D6hMiIdnTjhYql\r\nFRGj4TnSOsVaNU2mmphWJQj4lEAqC2YF+fDuM7c/Nt56duNkUuf7/OljFz72\r\nCi8dJqBIodLz7UaqSUIRncwdJzw6EJfJw2SCloomq8FKwhyUPYeuY59bcuNP\r\nYw78aa1s+JKNs3fijElC3a5RvKLcjz/aMSnmk+e6xCa9oDnyr0YjNqKYaIlF\r\n1rVllJF1DR1ei70gXbLxz8YZUgUXWzsuHPMFnA53MVvievTl/Mihz3tDmmFD\r\njuZPb5XrDvUtgH9mHhYb6DyCdAbso5YJDLUWm21GRxYzt85SbWV9ijm3mrOk\r\nlm1xFUY5fuCaq0ZKU6sthk6S58HY8AYoD3Mw94hCjMMSGFZ982zYoVTiR+9T\r\nl/V+uKTCKmWwCy0CWCEntOs0eLACWO3PTcs=\r\n=VCYV\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.366_1659692459118_0.5300769797495524"},"_hasShrinkwrap":false},"1.1.0-beta.367":{"name":"@spaceone/design-system","version":"1.1.0-beta.367","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vue/composition-api":"^1.6.2","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.14","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.18","@vue/cli-plugin-eslint":"^4.2.3","@vue/cli-plugin-typescript":"^4.5.18","@vue/cli-service":"^4.5.18","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^26.0.1","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^7.20.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.0.1","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","sass-loader":"^10.2.0","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^4.0.1","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.14","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"d86f15b0ea82554448286ba68a44e12c939f58a1","_id":"@spaceone/design-system@1.1.0-beta.367","_nodeVersion":"16.16.0","_npmVersion":"8.14.0","dist":{"integrity":"sha512-L+xTnyypdEBLy65QwamExKDljgscSbiUyk2OgTPZ6nXmT/G9gEjeMh7+euZR+yZ115p8fPsogob5+Njjljh/VQ==","shasum":"266b1e4f77def6a2b612faedd59443462966e982","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.367.tgz","fileCount":1390,"unpackedSize":64347789,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAE7rt5nwI/WhhStVeNL6XYex1VVEnDmgHEmmCYYkWPvAiAZKQqwvDZ5xMErIQ8qD9MXn6BcXdeVhtTkDE2bJlV+Lw=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi8d3zACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqAoxAAlJTapWVzuGrEFarY9ayCKOL8Gg6sIZaOyqdYMSNHX5vDUZZy\r\nclRkKiF2HteEbSSwynoKrFmGMwgAmMbE9k9G1HGWomoW1cojnlwd1fG/qy0K\r\n4HaCIAhjfxqnVR6D3aaT+zNIELK+AWU/lSsrtjEQfs3c1RWOQCHZ8aLJnMa/\r\nolvo+dsJnqnob12/eRAIivi0TT8B/E0MEJR0hSMFZBThemuqK0f//dXzJh2Q\r\n5ta+Tntsvf6idYrf0Dg6eyjUrbg+EJ+YKBfJzBsTBj0M//jqye08v1H0QAuP\r\n3ypwZzT4AH/onSKK21WvHjmzDGnwi+FU1NDhydbMKOKqGlw9+aXApSliXomE\r\norjqEeC71AyYAcEnua2zEFxKyQVN8C2BY3zPmZ+8SvX/DvNoYDaQX/QOm3lY\r\nVAnl5zDWiZzFkcArivh/Vw9nii7Eq9Lc0wwSdVMJIVv/bMk+uNUH5/Pk79az\r\nnHBUS+mGk7DCOG+WAeRbBi5ncpnffLsCE5ebq3o+iEvjYcnFP9ERHMsVZxFA\r\nkXjEHs4whN+yEzyh8mIkx4MvFftTg+xdVcS20H1fqjonaHjb0ENLFFm8vPi0\r\nx666NhgopC19uTXwsXoQtoprau/VJm06WQHCKXGOvj7bJu5c+mKQ8qrCzpKz\r\nsGA1WewW+Y58utf4Qd/d+ZYExv2+GLRqaMc=\r\n=X0n3\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.367_1660018162936_0.7143717072361999"},"_hasShrinkwrap":false},"1.1.0-beta.368":{"name":"@spaceone/design-system","version":"1.1.0-beta.368","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vue/composition-api":"^1.6.2","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.14","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.18","@vue/cli-plugin-eslint":"^4.2.3","@vue/cli-plugin-typescript":"^4.5.18","@vue/cli-service":"^4.5.18","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^26.0.1","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^7.20.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.0.1","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","sass-loader":"^10.2.0","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^4.0.1","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.14","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"},{"name":"Sungmo Jeong","email":"tjdah0853@gmail.com"},{"name":"Minseo Lee","email":"nseolee@gmail.com"},{"name":"Yongtae Park","email":"pyt4105@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"9c34616324bc02ee1a317a28d7c1d3f1649b3537","_id":"@spaceone/design-system@1.1.0-beta.368","_nodeVersion":"16.16.0","_npmVersion":"8.14.0","dist":{"integrity":"sha512-Ae8xRilE7vAPt82dqdB+b7jvIMtjsjxdGWi08obal8M+Mz2PuUVQ7i7TdMlN+sLqhGo9fRVvv/KQqJrzboZHpg==","shasum":"020b2958250e38a6ea3bbfe9db98988d528a4aa1","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.368.tgz","fileCount":1392,"unpackedSize":64357141,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIA3SkD1dNjnPXdfGZ2TbFaS/RCW6QfqqlKUJFLaocIa7AiEA47+8dFzgIM7LFl1U8ZK6BA+6j5s/Uvk7gQuXxIfQAos="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi9gsLACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqm1A/9FBmCUvSIoFZlLCo7H7bQ1HS8tnLUoNbCWsBgbQ+eVaYT9tqR\r\naf4uv5Iuylx3K9qle+dUtyRNQFSTesaoABAjt3rJvuKohWBAU6WphxIBlBHH\r\ntlh+1Q/toK2q+7ngZZ/YJodrvebvGchWj8a4Vj0uJuY8AodSIy3VtHhfC/8O\r\njdaEiQfCHsm7knY17ZMy/NljdX8TjoAjDhUkXu/IyuW7Q6JSNEMgASwgeBB+\r\nykEpYU5MdtfvqdpsUZSPe6QvIXIBwq8tT0M8GmTnORd1IaIspmCkKD7iSDkH\r\nc+sLVQ3VEIOR1jjQLnql4Ya2k1BLsSit3140rjkxKxlq87w+hRrYPNWCxO/e\r\naUDv47ui5+4hsP3bNDb3IKh9CkKl236iAjJdplmijG36GjPTtU2gYdIUKT/K\r\ntH4d6uqA9BzILVkx6SpxgCz5ujDyMECyY7nAKjKzb83yCWrjZbshKdsP582q\r\n030UMtBPH0mv6tI0158AsswRCmQabCHyNi+IBsgX44Mud0Ez4Kp5fmaYFTnp\r\nCrWp7ZKrVz5TIw31uV2OCL6icYjr0KyBdSFZ5I70SpsPPbnAgKdps8EnOy1z\r\nHQM13H8Ckq3prNsOYJ711D3fG+EACDeZrvN62geUtWCyeTRDr0PHWwecl4/X\r\n9dJt8M6cEMMea+k0nfxp2GiBoLrfVX495Vc=\r\n=zhaV\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.368_1660291850916_0.8130284079283114"},"_hasShrinkwrap":false},"1.1.0-beta.369":{"name":"@spaceone/design-system","version":"1.1.0-beta.369","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vue/composition-api":"^1.6.2","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.14","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.18","@vue/cli-plugin-eslint":"^4.2.3","@vue/cli-plugin-typescript":"^4.5.18","@vue/cli-service":"^4.5.18","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^26.0.1","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^7.20.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.0.1","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","sass-loader":"^10.2.0","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^4.0.1","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.14","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"},{"name":"Sungmo Jeong","email":"tjdah0853@gmail.com"},{"name":"Minseo Lee","email":"nseolee@gmail.com"},{"name":"Yongtae Park","email":"pyt4105@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"98c13b4cae0d421472cf5e8a75b12a7d37ad65ad","_id":"@spaceone/design-system@1.1.0-beta.369","_nodeVersion":"16.16.0","_npmVersion":"8.14.0","dist":{"integrity":"sha512-CywZp6Sb39ay1W3908+EnDKAa8pXQg5ax9fSv1m37w+RLfKFkp/tntngXW8y4fRaOcXQGUg5Yuxv896CWFk55w==","shasum":"9b49a8c196b6140ed63ab367abc22fb75c0022f0","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.369.tgz","fileCount":1392,"unpackedSize":64357834,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCWvOjHi9dBXVbUWcM63fIuuTXueA1AbJWTU6e7w60dhAIgZk7aVqW/fnSjyG6Sztr5EfynbtEnpnMibcjAsPc0wAs="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi+0knACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqmiA/+OPWJYaVU4Q19e65sarAPOUAsJz06XD8VV2hQNYKgxkbi94ys\r\ndlkNcZwk7gmbUZWQM3zSmAdFQyk29fX1E4Pi32sY1RKjG2Jt0odyQPw7+xtE\r\nu+ppKT6wkXo3hFTFGcKWj04zm2Nm4shCnSuvDsj6ps/cFIRLjs7QGhLJT8GR\r\niaFo/KW7vRDF6kygN1thGIz5Q29jja0AataB//yurZzbdDRn00bhXp/J8ZX3\r\nE90lCZ2nelchtyg/fXUhQyR0q/KvMEa/NMQn9jOY2sg8dK+sr6zEoUOBsneW\r\nsIJr/CRjahDHXGTYbRE0DTVCMSIud5pBBnH34oa5Uq8uM6KVQR8SBy/uH2Kt\r\nPva7PtF8qnrNz+fBgscF/3faFrHb7SC5kLWxJvze7ubPo/6XDBhXM3FxHiya\r\ntRYp/NOkTp87Kyg7LfXOXQIeXGhAr87V2g4YrVQ+Dtnrru550gvWB6U2FW6Q\r\neCM6VP5NlyRRD2IjnjdTGH3rZXIHHM2XzhVIpt1tay6Wg3agdER8rYfcBe5d\r\nAOaLaI1DklAtU9RPqyQwDC3qPNrZYOZiU+V6sf07TWagyuEC62wbOOVIGj5t\r\ncyCatUHZpCWupH4WFKneDHf6ix2JaHuQcYoeUqsvzynuJLVAQejDQzAs94Lf\r\n0HFYeeZWQHPZnjfjH4mx97TSswAiVvcACzg=\r\n=eoZM\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.369_1660635430535_0.9787922383763799"},"_hasShrinkwrap":false},"1.1.0-beta.370":{"name":"@spaceone/design-system","version":"1.1.0-beta.370","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vue/composition-api":"^1.6.2","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.14","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.18","@vue/cli-plugin-eslint":"^4.2.3","@vue/cli-plugin-typescript":"^4.5.18","@vue/cli-service":"^4.5.18","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^26.0.1","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^7.20.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.0.1","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","sass-loader":"^10.2.0","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^4.0.1","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.14","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"},{"name":"Sungmo Jeong","email":"tjdah0853@gmail.com"},{"name":"Minseo Lee","email":"nseolee@gmail.com"},{"name":"Yongtae Park","email":"pyt4105@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"799744dd041c39792eba1153ccf3c4188a504331","_id":"@spaceone/design-system@1.1.0-beta.370","_nodeVersion":"16.16.0","_npmVersion":"8.14.0","dist":{"integrity":"sha512-nxHSvHg8cjMmfWs2QVhCfoASWCBA2rcc935iK0To2G7pEi6lyEuOHbGfcwgpoVY7LW9ALFUJcMverLBjPxaYDg==","shasum":"e1dcf062ee42f655ca44b7903276d9baaff07688","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.370.tgz","fileCount":1392,"unpackedSize":64356633,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCMQNRFWcLLOFS1cd+VFvV+66IG4DuNaz8AK4yOneaXdgIgQXHK81Tls+NF84KaQziVeB1Swia4ef7T1jDbLSDohoQ="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi/KUIACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmre5A//WGQB5XFKgXV0rYqYkeUIHVhmHUffhsZwMCzDMHZiMw8/sc3S\r\nsejb0YG8FqRiaKFZ7KajT9HhhG4wlGOStdsJH5/K8gPrym0HCbE6xIMHUv+v\r\nrCa4XIlCqIVuOVkz0nN0AswRrZGZncIEGNZqjFj8jkMi4VfAa8Zku8hCoSPK\r\nDZgGBS0B6N0RmbgE3W137/DodkRaiqxGwHCDQnpGpHlZsTgMTEI/Hvsa8F9e\r\nUZfep8i9UZJRd38N3LCOO52dqq6uAwTV0UaGI2ymMJuXxgbfsin2SFT0lkiV\r\nyCv0iacu0rUVfdp3uFv9z3VOjBdZhlC0mDSWvROiNTWHD4L0xb2wmcjDwht5\r\nvTxmNVjdcv+Gj/N59f26FZ2MWGF/IcMUgqnaoBwV/3Wpkh8MXCZoByjxGvuE\r\nQgkZFBNn7Ys9sJ22IBQnnmeaodhQ9HJmpqZKn89TXSutP8HTDpESfle6j2sM\r\nnHf3jV2CtRx5ZWX10ZXCQ0JmNksrpq8OSTnTJUXSbfOplVWZLQyqgphaka1W\r\nyXq014Vmk2tOhP6ea0c0eDzVNqfOk9PHBzjXmmsi6Zp12ekfNFnJpy8W6u/1\r\nPI+zCkxG7DVqhVvJ62uMYA/JiWEanztiIrRsHp23FNFnRz0WODWDGYX/GTRD\r\nHXwVI8AkkoSUogL7QbOIMUXUdpbt+iRPwYE=\r\n=iBeG\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.370_1660724487410_0.10563450789932727"},"_hasShrinkwrap":false},"1.1.0-beta.371":{"name":"@spaceone/design-system","version":"1.1.0-beta.371","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vue/composition-api":"^1.6.2","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.14","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.18","@vue/cli-plugin-eslint":"^4.2.3","@vue/cli-plugin-typescript":"^4.5.18","@vue/cli-service":"^4.5.18","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^26.0.1","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^7.20.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.0.1","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","sass-loader":"^10.2.0","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^4.0.1","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.14","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"},{"name":"Sungmo Jeong","email":"tjdah0853@gmail.com"},{"name":"Minseo Lee","email":"nseolee@gmail.com"},{"name":"Yongtae Park","email":"pyt4105@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"a8c30e5745bbb57392f9c511cce4e25e88092866","_id":"@spaceone/design-system@1.1.0-beta.371","_nodeVersion":"16.16.0","_npmVersion":"8.14.0","dist":{"integrity":"sha512-+73A9tixlHqRas77oa01JL7PgdB/HixbAXMdCFns6y6B3Gz52DJ9EFNiPmAgSdvWam9tYLtrIA9XnZuEkYxzgA==","shasum":"dbc4984d18c3f64657ddde3d81df063b5a0ec2f5","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.371.tgz","fileCount":1392,"unpackedSize":64357585,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD/UGPQUwcfVeFTeZL4tU7EM/boceXQb431lOo6Buo/eAIhAJNjrTpjLtrC4f7i4b68XpVEOXPrZYshsqskBykiT11I"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi/yKCACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq3Mg//XpvSJUikUNq0DyFfyK9Jb/JDkqDMh+ogA4e8hjjkG6j74rba\r\nesjfykL31thn5FAlC7mRNbkkzXZH6XTQO/Z3n3mLCT/IuiDTdqbvFlxaF3K2\r\nZ+uXkAUJr6Y57aDKvtRShD9gYqG6qQmAGmOOY5i4oRYajg1lM7KyAOcoEyvZ\r\n40bQNGddEjw0dTgQQHcby7pQEHDrIAZLELkbkqGXVcHoZWBOPRiUJrISaB/b\r\ngGX/TOJ+mgn1Lm6ullxCJHm0c9Q3z86A4dJrn+9EL/xLyqKoqR1F7F18lD4I\r\nyw7nYYWIyqPB23XTBDWUg3Vkyy6pH1Hp8Eot0tpHYP8z0rBQsQ22AziL/9zD\r\ntjmFrCLYlxgtPBiGDBfRwaaBAvh+hk6n2gfVoqPkTrZMgCtKrinndFO+frBw\r\nSv4S4iQXdOPHfpR6gYDWDE6SbyFkuMHhYPLwxB6ivqzV/nc2dJt6TIgMHRKJ\r\nKejG8q/lNenFbmbjH2e8y8+rladeVSxvbXN9Pk/5372D2SeIH5GnzSFqlcTU\r\nFhrUeiwHol/QrQk4LcVwPdnlhKtEDXW2C4vf/ePqP+TThjdnjK/gvPWBTBFR\r\nzd3gdwTt2wVpXArLt8Ul+zHKsLlPSBprg2lhBDAX9mxWlsMPV3mZk4WZH2gB\r\nWEn49fgYWg/roAHja5xPhh4KPgQPFGvYmmQ=\r\n=p0GZ\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.371_1660887681991_0.533947200546848"},"_hasShrinkwrap":false},"1.1.0-beta.372":{"name":"@spaceone/design-system","version":"1.1.0-beta.372","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vue/composition-api":"^1.6.2","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.14","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.18","@vue/cli-plugin-eslint":"^4.2.3","@vue/cli-plugin-typescript":"^4.5.18","@vue/cli-service":"^4.5.18","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^26.0.1","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^7.20.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.0.1","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","sass-loader":"^10.2.0","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^4.0.1","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.14","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"},{"name":"Sungmo Jeong","email":"tjdah0853@gmail.com"},{"name":"Minseo Lee","email":"nseolee@gmail.com"},{"name":"Yongtae Park","email":"pyt4105@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"71531d30109a46bc5082a106fbc4e0af3fdec639","_id":"@spaceone/design-system@1.1.0-beta.372","_nodeVersion":"16.16.0","_npmVersion":"8.14.0","dist":{"integrity":"sha512-y67rYCUq5+lMUbsNjVTttWBSwGFDs47CVvFAEZNSAcjKgP5quaIL+4NJfY92Tlk0fblBtAX0k1cJX++MfbAavA==","shasum":"0f9f5fff9988fe2696f85bab41f81f6124154850","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.372.tgz","fileCount":1392,"unpackedSize":64357248,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDMTTRjeO7ezBknzfZwYGuu3TLe+/KwxibELdSnSEAGEgIgKJw3CW1RDlKWhtU1wuFTPTPNdN/d0CVkNGkRAzluZVI="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi/zLcACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqFzxAAjDXGSGdtBw3JORYm06AKXSVsoXSS0tOj60TluhZAvuRuAnSM\r\nHcsKF7jGn5iaGiXLAOpmWIz9JLshJlAYktu+V9lf/Ke9qp3rvhnyPzMW0kgc\r\nR8YRqlAcEBwgQr1/HXJYr67C6klvrY6hzDdu2DfCS3+WtJNZQNxDlU0lrE6j\r\nTvLKk0555m39ijIEmjGWVs58BoIhHp9q1mGsFEiVol4LZIY98yIATWJW24i2\r\nKu5rsTvbjS8mWtp0G6ekTH3cgupJd5ozOP2C95n/0CQrqKI+6rAlYv/gB0EP\r\nx2F4+29QcoACP6z1naY8+DXF0rAMGhmfwKhHUr/vsxYuad8xVixwJWioeVko\r\nK6Z+noMfERZX7wez6b4qt7J5B/LkM56rRPo9s8XFhEF3xPt1RvlDsM8MlYi3\r\ntAuZuaUtHbRrU27pSQOkoI32B0uuGUOJg4uTAvYNbeuaWiIyjtxciDgXElUA\r\nSIgyysbrHRrSOjWgEZbSxdPsfOqBINULUQtzDrgqlBmLK9RGfdDsMpO1iWU9\r\nJTUXL60whqtEqsaJMzPlrF44nSg+mrV2ypUzbAcAUcUodNKQeDYWx7yHbzfN\r\n5YP0zphr7PzF1+KgZRa0InsgbK1sQwgCcYidPFw3NpzKkGh3w80yOnOoDW7p\r\nIzcAvPI6vdbaS9yQFwDVjPv0yDPwqNOjpEQ=\r\n=NjFs\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.372_1660891868312_0.4556625935720795"},"_hasShrinkwrap":false},"1.1.0-beta.373":{"name":"@spaceone/design-system","version":"1.1.0-beta.373","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vue/composition-api":"^1.6.2","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.14","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.18","@vue/cli-plugin-eslint":"^4.2.3","@vue/cli-plugin-typescript":"^4.5.18","@vue/cli-service":"^4.5.18","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^26.0.1","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^7.20.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.0.1","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","sass-loader":"^10.2.0","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^4.0.1","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.14","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"},{"name":"Sungmo Jeong","email":"tjdah0853@gmail.com"},{"name":"Minseo Lee","email":"nseolee@gmail.com"},{"name":"Yongtae Park","email":"pyt4105@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"e4ad28083f5ed53f8a015b1c94e34e037246f856","_id":"@spaceone/design-system@1.1.0-beta.373","_nodeVersion":"16.16.0","_npmVersion":"8.14.0","dist":{"integrity":"sha512-EBWAV/+raF1oDC8RmpuXyM1nfPu+qVaGT7JFQP+NzmXzgE9ahFdL1toiQ5s/vX8SxQlPLb5GndKVBDOYZguZlg==","shasum":"2ab5214fba1f669f8b127670d7c7db306f76712f","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.373.tgz","fileCount":1392,"unpackedSize":64355756,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICLkFkQURThvzyAo+v//Hv5ExzhIpStzpDaNFHWwWXeqAiEAovGsQ+x7XfIimfyPUdA/1OTXlWw+GGUAfx1Ogoat818="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjBuJLACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo0eA//WRdVTTyFnB+lzYRHQgxmwGU/V/hTxfWoDtGRcnR8n633d6Eg\r\nQU/+utKFyoMFZ1KRFZjbW0KMvJy49kWCy97IpVPdIWuazUcZ0f0VLpqIrjg5\r\naggaImcPyqi4eudJ6Fx0uOS8TrmcKhohqOF1lPjCkKQI1DRO56DXOhkY73Un\r\n5Gx5y1xWAbnmBz/yiGQQa0BV2Xmf4s/JvyrrstywKbzQm9b2IzUbvlQADmCX\r\n+4smSR74Gevb+nPvscLhLlFdO2StZDdLXmrp7KBQr5LtibEw/H+5fBS6IAOe\r\ny6iJqQfkHvlcUCp1yCKRwLVBQAA0z9XjYOVsX6PGT7rgyT9wOByKlbeudFws\r\nzPc75+XjMsk+e7T1RWF+PyS1rp/8YzmWdlPrba4hsM3YS1aCiLVLaidbdr4f\r\nVH9+/tsX7IssFm/rXtLiwc1ifWFM3oXrOEY/xMHUdTCgp5e1GjWJZ7/4u7Mn\r\nIv666UjSFjq0gz/P1u4avhcf8mVAkXPA/1rJWFc8J5S2GBMl6Vwc/uZk+kwE\r\nzvyIQQM1ThuvAfUkIGkLiSe+IpV/pQbwBIVv/x181mswsIm8QTLPSFIc2Iq5\r\nPk+n/uMkE8Zaf+gyodGdNagIs6wY1juwzU6RWfGkOpl3Rwh1v0HzGDC3fbGj\r\neop6GSP6LTRHmPPAzQ3sBED9hhnr0Jmgi4I=\r\n=kwwl\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.373_1661395530922_0.9980188843392181"},"_hasShrinkwrap":false},"1.1.0-beta.374":{"name":"@spaceone/design-system","version":"1.1.0-beta.374","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vue/composition-api":"^1.6.2","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.14","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.18","@vue/cli-plugin-eslint":"^4.2.3","@vue/cli-plugin-typescript":"^4.5.18","@vue/cli-service":"^4.5.18","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^26.0.1","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^7.20.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.0.1","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","sass-loader":"^10.2.0","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^4.0.1","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.14","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"},{"name":"Sungmo Jeong","email":"tjdah0853@gmail.com"},{"name":"Minseo Lee","email":"nseolee@gmail.com"},{"name":"Yongtae Park","email":"pyt4105@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"2d79e61c6ded15dc8a22752dfdfad50d0d3ffeae","_id":"@spaceone/design-system@1.1.0-beta.374","_nodeVersion":"16.16.0","_npmVersion":"8.14.0","dist":{"integrity":"sha512-m79zmW8kMPmNwNFGWXAnc3SSXRKgxVSOAbhmGk65DTBYoSZFtDKIGkStwUn69aKjC7Uxfz9Y1V1rKk2LRo4qzg==","shasum":"1e5f62a1e90aa64d00136ad4205801bdfe7b657e","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.374.tgz","fileCount":1392,"unpackedSize":64355864,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIE8aSi7wrpJYnC+YinG6/XE+dx5Nkef+OzQOc4cjzLDUAiEAxEz4qDsUjjXJ0kAuFp2uzJMMm9PWFa7rSEn/zxQAzRk="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjBwKtACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrdHw/+LXODBThRleZ+R6gk34WmxadpRhb0UK5dwpr3oEFMPBBvH6iH\r\nMt2bs30bzcwkf+cp+WThv05wIJS40NDJ9Z5jGCHZYhldybtstelB1FQ4sylX\r\n/4lvjaGXCbh8BWILJt8uuapOFW55L7LgChT+AoqMiT58HHkyhSfxGOKnSv04\r\nHeMoWi9kWRltOeOcWfSbrBh9sHiBvBedjXi10szMurF7i++vFfOVj8dIM1G5\r\n+5tvclTxG1d/bgh0ilC/7Rt55xfs76RViI9L+mAfCAqHFg5NqUJOKeNGduhd\r\nVjwYSHGrprNLLJ+C7+AV1Yu9WakYEEIlzt5Knly1WsZJLzkO9t9VEP6WLKfw\r\nDfgueSn2Toz5AtRXvMfljt6bgnJFbXhMXc7+2pUgmdniZYIJGxVP9ZbYiSWJ\r\n4V8hpyEcFaOPOBh7TWxEZxttTBRjI8FbAdlPmZdpDil7qPVT8xcsq5bDf1yO\r\nwB+bYN6dP9W3Qsj4c+HX2629xFzmNaxVvwAh2wARG+shcpgZOa89NcWUK6+r\r\n9LuFovdiO3D8fzwalr+rPHiK0GVnsr17hGslz3GAugDFGQX2vFWbWgZSVBNI\r\nu1PkQsvwx3dxiPZEq87RBKVlKLFTRBjnNeivbYoHITGVH119L1FQod6yB30S\r\nGO4iVIxAq9sUazD/5JN/OXcyU6WIiRXQ/gk=\r\n=dOcE\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.374_1661403820600_0.6972549724637547"},"_hasShrinkwrap":false},"1.1.0-beta.375":{"name":"@spaceone/design-system","version":"1.1.0-beta.375","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vue/composition-api":"^1.6.2","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.14","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.18","@vue/cli-plugin-eslint":"^4.2.3","@vue/cli-plugin-typescript":"^4.5.18","@vue/cli-service":"^4.5.18","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^26.0.1","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^7.20.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.0.1","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","sass-loader":"^10.2.0","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^4.0.1","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.14","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"},{"name":"Sungmo Jeong","email":"tjdah0853@gmail.com"},{"name":"Minseo Lee","email":"nseolee@gmail.com"},{"name":"Yongtae Park","email":"pyt4105@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"3662bf6433d2c2bda53c588ecb92f31f356dca49","_id":"@spaceone/design-system@1.1.0-beta.375","_nodeVersion":"16.16.0","_npmVersion":"8.14.0","dist":{"integrity":"sha512-BGUOS2qYgAQULCAQQFY8bNxgg4s55evyvy/3u8067xkrn6wpzPzAQElPLh2BYwyYG/YJ7L+ZX6LBlyv8xGfeZg==","shasum":"0106bf277817eca53f0ed8253cb736b577cd17c3","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.375.tgz","fileCount":1392,"unpackedSize":64358151,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFL1nhKmGUYGd+jpJBAb8i0B03wA+WE8B+XDERoUqN31AiEAqzpgDmMAULv+ZHb7ObAnQQsdgEiSKulv7wfpsx0+xDM="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjBxZdACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqlEA/+MUmCTN8vBzAf47UraeMeMqfjyAFwuqW9r4EeobGTFvvBzcQR\r\n552k9i3AJabMGO09gh6AMUu03A0Q2a4t6vKgXYb5zyoP8iwdM4gu2I1x3m/3\r\ne0bjwK+N+8UXe2XRwCAUwS3ciWcWLDe2vJc6mslenNawVY6n9ObpNTU41Ghu\r\n7w3OIuy6ekb+E6Qwjv1QWfVqZT9jldfEdJoCBYcoUMK7JSfTgxOI7X2qRzQu\r\ndR0Bri0le/HtB07JdauW5g/K/VDuIXBVcHVlXPiED0sn/8EjWH9DdwGPS7Bf\r\n2LIm7HU1wEgSZz96xo+M2KcYwoBy7DCs382sKiRjHyhIFLtJzPDF4Gnmqrhx\r\nOfJCQdHHXdO1G6wnEYJHlZBMWJpXbK0DxgRlkiJomZdmam3R/0W0PlEeXz3H\r\nZ2s/Ejys8lJkozLMdWQF/q6YIytfzKOdEUERUvLaZ79Zx9gKX7XYf+5be1jO\r\njkDMurEziQFAF3JozR+vYL43vR/G5dY1eInCp8jpRkNTcwrft5/omriy3orn\r\ns8WKQhIbkdAhAX7WNEMwNu+238eVcKwr/6sC2d+vyuMBe40bdMQcq/IKPgpg\r\n+m+KrIUUFm+5nJkM8xRE8VwTRVh9Dj3WewVagyEhwr4UBuO4x4pbwtPx2pML\r\nsW3tAsQxNSiOrsCgroKBMKSgRcUoDtsJTw8=\r\n=TVga\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.375_1661408861006_0.2902891646693062"},"_hasShrinkwrap":false},"1.1.0-beta.376":{"name":"@spaceone/design-system","version":"1.1.0-beta.376","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vue/composition-api":"^1.6.2","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.14","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.18","@vue/cli-plugin-eslint":"^4.2.3","@vue/cli-plugin-typescript":"^4.5.18","@vue/cli-service":"^4.5.18","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^26.0.1","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^7.20.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.0.1","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","sass-loader":"^10.2.0","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^4.0.1","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.14","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"},{"name":"Sungmo Jeong","email":"tjdah0853@gmail.com"},{"name":"Minseo Lee","email":"nseolee@gmail.com"},{"name":"Yongtae Park","email":"pyt4105@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"7abfa093251a26e950b4332be2cb59ccb9345d2c","_id":"@spaceone/design-system@1.1.0-beta.376","_nodeVersion":"16.17.0","_npmVersion":"8.14.0","dist":{"integrity":"sha512-nWOQC8MXkRJH/BTVmvFTw7kDG9zcCOQC2S22RfDM3x7HAD2FLDUnp4W3TFsygThyna5bPRyGzogyDMKirBB4pQ==","shasum":"ce25af80f7d0fa300664c5ca4b02e1719e558fee","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.376.tgz","fileCount":1392,"unpackedSize":64358371,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCd+DpsJQZMWm844ItkSEQY7wJtcmDviH1wQ7XtzHyzbwIhANxpoEiRenSYR+THuIN7HDqvQSku5CogW3MT2jQ2vh5b"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjDagDACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqjhA//YAprqAdVLzKL2Q6pL0yD2ExCdYdDrOkB2jN4u99McYwnmNaQ\r\nW80qmaolkduhjWU4+BpoWO+7Bc7emaDCPPTHrV2zLS87W2zoydVS1mhOff0n\r\nGzRPPhdtGMSy1OnzaUo2ZnJQoa4SPQX7sYOJP//sQ/Slr/Prn5viG+1dvmGm\r\n65O2ZYFQN8VMeQ2SH/bXYCZfWH3oOuTn655xbSBsVNpJkRzqkhseZyyujqp3\r\nPl/7aqyO4gT9hbSG6JV4dGHlErruBvzEgSSVOhzorm576DJkiPy/LDf9YcgU\r\nZEBp9mfRNKvYiBWEgmHzrgvbTElofcDjcwJ07KzaI5kMUr4OdogZusEgIDqX\r\ng3QcpClDM6qnCN3HfSTn7p1+W7tz1a0qXYDTIvjn5p9J/NFu7mrYi50sk0q/\r\nyIPs7mZqR3IeRBtzKFz+4ugXhUMh6+/U2yxgGAC6slJaTOjhmOcQxayyPKHB\r\nybgrnklCRVMNscRX8Q2KAvS2tCWSpxNmTFLBJMBdSH7MoHQ3X1ORdnqA6LZ1\r\ne2pBNv1K/CXTOLea1G7I1AH2DsOqIodF5QFakV2AdHkl28NlQjaq4E7HC7s1\r\n2dzO+5DAPoloXZeCXi368izDn0kA0FgxKxnebl8R/TfdLsj0biEovADUVdJt\r\nla/wlT3WARHxdo8wrnBgWcbgS552p7EGKYs=\r\n=6ATN\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.376_1661839362965_0.6323002709261363"},"_hasShrinkwrap":false},"1.1.0-beta.377":{"name":"@spaceone/design-system","version":"1.1.0-beta.377","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vue/composition-api":"^1.6.2","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.14","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.18","@vue/cli-plugin-eslint":"^4.2.3","@vue/cli-plugin-typescript":"^4.5.18","@vue/cli-service":"^4.5.18","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^26.0.1","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^7.20.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.0.1","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","sass-loader":"^10.2.0","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^4.0.1","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.14","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"},{"name":"Sungmo Jeong","email":"tjdah0853@gmail.com"},{"name":"Minseo Lee","email":"nseolee@gmail.com"},{"name":"Yongtae Park","email":"pyt4105@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"0903e9b8c735f308d1a4f99e1b472f96533588ac","_id":"@spaceone/design-system@1.1.0-beta.377","_nodeVersion":"16.17.0","_npmVersion":"8.14.0","dist":{"integrity":"sha512-7mEsZSNECQUtF72zzgXre7atsiMyjb65HCXvpqIs3/7urc8csTcgN4nx97Rn+gcKHihDRIKgmp+PjtiliXH4Dg==","shasum":"d2cab7523f1610f3edbe8c8d305dd5210bd5915e","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.377.tgz","fileCount":1392,"unpackedSize":64363201,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDzXGWsAntxrjYU9I7mzCxUHqhpmP+Oh2omtQYBIgxTJQIhAOFgnGWOCLxqa6Kt+do/q86wvV/vyK1NbIlCQP5gGcNK"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjDuABACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrWXhAAmRnq8vFpxfcPkm5MJaOKQbrK7cbAqZCXzzj92y/6jzuLJ90T\r\n41Ej39soi652vUaR2FF3mA9U9Q9G1xFZ78OGnsm3aluTJGDZ3VHUh6Js/Fz0\r\n/T96hw46znI0W0n4raJtk1Nv91KjaN4UXBRSfe20az6n1svizoxYk0ANWIJ4\r\nGsQCo1N73moxquhf/0n9MOc6uHV5kBusFSqXTrPMbuEREuYpksly/9bl93NJ\r\nUM/7U88t4Yg6bRboNurEIZaSLsssc4JWJOusigcS2zjWuKqPI5u/OBROZFUz\r\nKD+oqTfMf5pSY0SNrmY0+BrMO1x84utx3/bABhvp6l4wiRXpK0fWBERp/+vv\r\nwFhw1aT9J9odrdylSHJxK8vM0BWktJncrhK1f+wZ75GxKsc1SVq2jxdaaLNu\r\n1OKNOhUMLcDE8Iu0nEq5V0saHfy2WRNdec4MCgMXuRKG5fjI1mTwaJBFU3HG\r\nzbRocr0XOOlxsaZJFEAdJ0pXf5G8vY39u2JKP5rgmL+yHXYRqlPSRw9U91gM\r\nAR1986dz4d78d8SbKenymxld4AnbiWKyUzAqp07oFmgg6lF9VUdTcXvxSGRH\r\nXuYu2voDwipbQrImHU4rsTyxQ+2As8QjV1e755IsbBwpNjsQOqncSQ0FMzZ7\r\nhJorl4jYcdWyQSFXJeNqj69dvSvTrPWTEyg=\r\n=OACm\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.377_1661919232826_0.23628259435063836"},"_hasShrinkwrap":false},"1.1.0-beta.378":{"name":"@spaceone/design-system","version":"1.1.0-beta.378","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vue/composition-api":"^1.6.2","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.14","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-form-json-schema":"^2.8.2","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.18","@vue/cli-plugin-eslint":"^4.2.3","@vue/cli-plugin-typescript":"^4.5.18","@vue/cli-service":"^4.5.18","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^26.0.1","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^7.20.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.0.1","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","sass-loader":"^10.2.0","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^4.0.1","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.14","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"},{"name":"Sungmo Jeong","email":"tjdah0853@gmail.com"},{"name":"Minseo Lee","email":"nseolee@gmail.com"},{"name":"Yongtae Park","email":"pyt4105@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"700859a349dded78c9362270dbcb4d5897dc837c","_id":"@spaceone/design-system@1.1.0-beta.378","_nodeVersion":"16.17.0","_npmVersion":"8.14.0","dist":{"integrity":"sha512-SRqgXYz3soEUDa/cZncOhRTa1NOPAQx5rWyUmE/5yBPf7s6mUvl1Nei2Lw/FPGGrn4RFV9h+OJQ6I37sGp22xg==","shasum":"167953140246f9cbb5e04bd5717f2978df19b10b","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.378.tgz","fileCount":1393,"unpackedSize":64353010,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCbVA+g+EOMLEY9tURNOWtD9EmrYzL/yuYqY45daFXWTwIhAML/8GxTY4rzsij9BxIJPpbudUhbTTd1XTqSuTfJg5uI"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjDxgBACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmprBQ//QZFhEatQnQTu/QyxFEIN09SvjQQIGVugm8VqpTLW33mj9rCc\r\nyVI+dW06KnS+++KbQhIXJyWh4vdiUlPMiOUWGYCIT/rsjDormqlRmKbsJeoS\r\nW1dhlKioKeb6+bj6KVqm75ws/OpCG1pM7dePRWnE5iN/xk1uqvpxIwsYLvOF\r\nZ0LfzRv474dxmNGOT4nFt+uKATyseHbjcWRNBF46vW1JsWJkxzEw/CjdtyWU\r\nJgxJ0ZNeK6LOfYvgKjYq20QxYvnHsISlR7+fRhPShB1yf4nEF9gHVUeW24WD\r\naEHN7I7LgoDlrBcHNdoRztpZfg19cS+zMMdIkucanHNrj03F1oZXZlJ2NUl1\r\nmW4vwbPlNnWdwQ+UtdPtna9Qc/mVdM6ueZO0Jvjdo0XL2DA/pOL1GNV5Wo35\r\nG2xz6JpMvVAD2ynoab2XKZZxlyj0O50bd6QchpN+Ert5yRnUBlQyVH1sqeH7\r\nkySD+hG4Uyl7xSdcgWDPnNcDWlSRd+yXw+Gx2OOTgP6AJ+QqiVkmNCjt7jzG\r\nlfjqOSUxqTvMS6dOYEfNDsmxdzc0omBfpazM7qTA6XJI3418qs4Uh/SwMlVz\r\npQtYHBwrSZw7o8aOOsGJLPc3meC1gu01UbjfWFzfp/6hMlouI73IBqt1TS9n\r\nDPwpFy5wH5JlMpdfrCezIzhTYnoSokH8QyY=\r\n=dcw0\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.378_1661933568523_0.5475440571154144"},"_hasShrinkwrap":false},"1.1.0-beta.379":{"name":"@spaceone/design-system","version":"1.1.0-beta.379","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vue/composition-api":"^1.6.2","ajv":"^8.11.0","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.14","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.18","@vue/cli-plugin-eslint":"^4.2.3","@vue/cli-plugin-typescript":"^4.5.18","@vue/cli-service":"^4.5.18","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^26.0.1","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^7.20.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.0.1","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","sass-loader":"^10.2.0","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^4.0.1","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.14","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"},{"name":"Sungmo Jeong","email":"tjdah0853@gmail.com"},{"name":"Minseo Lee","email":"nseolee@gmail.com"},{"name":"Yongtae Park","email":"pyt4105@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"95b9e47c15d550d42588e4c3509d1627443a3b86","_id":"@spaceone/design-system@1.1.0-beta.379","_nodeVersion":"16.17.0","_npmVersion":"8.14.0","dist":{"integrity":"sha512-y/sbPF17FxqGD7I4OPMrq+zr5cI1yknWtQdlBW14O+MOjJD7bcBhSkaDHMC6ANP41UUlOJ952CEKF3LWUcsAkg==","shasum":"92779c9ce8963ffb702f266f24eb45a601076f2c","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.379.tgz","fileCount":1405,"unpackedSize":63974647,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDSZXOXSRMpcRU1gADensPdJ/o1Y58Cz0gfLG+vxZAP6wIgaquiTWfeWOe8tE8qjM3eEC8mTx5ndV8lbBt4CLbVzHI="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjEW3MACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpwAg/8DyZPzbO14XG9hhocQsMEmE+LIT8iVsh4KyFpNCEimSJR679s\r\nQMRq6OCGvSmb5p/05M9dAJECTeCjmM81MxFNOrzEPJWyRXgs9LcrPbnkz7d9\r\nsvSy8O0EdxKdZu7zdpNu3SIBUy1UDaE+fv6ym0ZH/Ee73y5+tG1RCEPxZ/+6\r\n8fcXqePqrpLwSJowujV2s7K8WSlDfrekC2zwTL+cwMMAmfsS12M97nmbiwIn\r\n88KFb9oKD0lpwbuYZjK73Tg2LKowpK+AVkX1K8C0TTvjUHXHTorIw7zYTkXH\r\nN0UTCJvtthic6LZcQNIbWN//o2g2FIkDtHFVafGcljyt8Qm4qZRU22Vx2n3j\r\nHnWDnthvx7bOSSImP5xUoLqQXFrFIUGjlvKCEVOoTtdwC0NG7HMNkc9riwa1\r\nn9nNyhGzNjnFuNSR1eO5UlhXuCauUXHVQobIO9cxbKR5sbibBB4dBQY0tJJe\r\n5qjyioLSbUurz40+nRR+hxUtqyB8/qjAU5jJYFr5Bv5UBehZ8tEcf2kNETOR\r\ntijjZKqpXW7CriPRfrDsvmr67axcOIjqfT6m1Fdp7R2RU4Fw5fffHN4GB+pg\r\ndIwmjHDM7akc6dd6g9IkSN70BveXq2PPmtxc4BgG419YkDrUFCv/19XEDECj\r\njwRGIajjFwvvp0vrqOwZWNM+5EH3LlLQBVE=\r\n=WyiI\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.379_1662086604258_0.6447898728774337"},"_hasShrinkwrap":false},"1.1.0-beta.380":{"name":"@spaceone/design-system","version":"1.1.0-beta.380","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vue/composition-api":"^1.6.2","ajv":"^8.11.0","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.14","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.18","@vue/cli-plugin-eslint":"^4.2.3","@vue/cli-plugin-typescript":"^4.5.18","@vue/cli-service":"^4.5.18","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^26.0.1","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^7.20.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.0.1","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","sass-loader":"^10.2.0","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^4.0.1","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.14","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"},{"name":"Sungmo Jeong","email":"tjdah0853@gmail.com"},{"name":"Minseo Lee","email":"nseolee@gmail.com"},{"name":"Yongtae Park","email":"pyt4105@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"bd61ff2c6f4c904965c3ce990071b4424cc199f8","_id":"@spaceone/design-system@1.1.0-beta.380","_nodeVersion":"16.17.0","_npmVersion":"8.14.0","dist":{"integrity":"sha512-1sYk3O+eI3pvaG7GumNNpbw6E2eG+mSKz0C3XCDbvMKo2qLUgthAJ6LNsIXgSc+0haxXHD6Pxj6UfU17xen8aQ==","shasum":"463b18179c3c29b375e5836436a97cdab6c8e291","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.380.tgz","fileCount":1407,"unpackedSize":64025895,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEsqaaM7xRXIvzdFSZKOuNjVCgypZDaHple7vPJjjMniAiEAqWlJuDHvmgWqiNFfbFUhCxYeX+MyMI7Ebt2fhRDvOKo="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjEXExACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrhLxAAiLHE54U0BlNeGLznLDapg6k+0RxvjyL5cIPZ+fGiZk46D8Cr\r\nrq111B8gKFkUYjqzFBxig+e/97/Qbj0N8nm3+lS5gdlcYu98QFlbP38FYpZv\r\nBb70AburwPlV7t2PuZD6gaISXnqheKDH3SyxBbbvhmIgk0iAp4AvP5JdCJPS\r\nJExdENsaQJ9UY3Yhdq9gpWp155r2ZvBsXwIU0RFk5cafwq9obcjHLsETUlm8\r\nmYaSRs1Hjz/fNJLA6WzE0ynUUjnmZvsM+MlAK6FFCrCSCv3FxmERacqtaRfx\r\nypTFrq2TONdVIJsWWjPcYBBEVStzn0CFtCqQXTdv+ny2+Baw3hbGBPmKZNzY\r\nbNfCvbU74E8uceifGWqABvFlXuIPT93pVq2+m7sSemyNZLyBtdT9MyHzw1tL\r\n/ESd8735O7LomJPQt5NRNBKe3ZnO5g/+U+5hUTZ9ToAMTGzd6mZwVSirIn3E\r\n4svvL6xwayUlVv7t9k6TuJYfF1MG3zubxFIunATA22C1tASNhwPEZ3nWSjEN\r\ndgF5r7+kW/sEfkYdZfv5xcMpoNGPITPpxVaozv3Ke8z8RXZUNdxGnqxcf7zz\r\nSTc1zKlt+DI5XOa8zOQ6xZugnCQoB5R83P5E1FA9CZ4XNVm1ZPZMN/GJCWze\r\ndOXe1Gj3TJy5Ewc+ZyNEb9A93F6lDBYZF7E=\r\n=CthG\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.380_1662087472608_0.20553734580316863"},"_hasShrinkwrap":false},"1.1.0-beta.381":{"name":"@spaceone/design-system","version":"1.1.0-beta.381","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vue/composition-api":"^1.6.2","ajv":"^8.11.0","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.14","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.18","@vue/cli-plugin-eslint":"^4.2.3","@vue/cli-plugin-typescript":"^4.5.18","@vue/cli-service":"^4.5.18","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^26.0.1","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^7.20.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.0.1","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","sass-loader":"^10.2.0","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^4.0.1","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.14","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"},{"name":"Sungmo Jeong","email":"tjdah0853@gmail.com"},{"name":"Minseo Lee","email":"nseolee@gmail.com"},{"name":"Yongtae Park","email":"pyt4105@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"70e06e94383485f8e6579b92fc38e020e537a14f","_id":"@spaceone/design-system@1.1.0-beta.381","_nodeVersion":"16.17.0","_npmVersion":"8.14.0","dist":{"integrity":"sha512-f4l2dLWWYGHQRlQlHT7CNKZifdJE/qvdF8uCFBImhLHZ1m4BCPdiLAXlaIJrsxTzxzdZqVq7yWzGhaJLPRUDMg==","shasum":"9d22e9de8ddf6f54f587cb95a26f496c8341d420","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.381.tgz","fileCount":1407,"unpackedSize":64034675,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIC69XMHRynPex0vMlS8erJh8+SaD1t2vXJMLC7zMo7DoAiEA+B4oSJk8Ty3g3KSrHm24y3BYdXMs/Nw37IZpK+NLpS4="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjEYbbACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmosbQ//Xsb68KqA5XSz5rFd7wCKZ2WlMhB9vms+x2dFqYLRDKZeGjxG\r\ntubYiDn8YJdk3MRJFf+cw08HzE5veDXdq5ZE3YrVrMpJmmHc0dzK9uirRZWB\r\nvR9gTUs6o13a1xijAMcD+ZE8E2yWa0DRisPmptv3OnfPhWRFA5Pe+pwQuwnz\r\nM1A897HkmbIap9fNBetSziOHEkmV0aH1DzCYAvHZ723oUD0bS1+3Yg7y9INv\r\n2KrDV21ZAqGDipQjEK1kOxV9JcYi5heo7GbeM9ZHBXbfxSWOc0T4pScDRvhD\r\nt5GEEYB5J4ha2tAoYcV+z6heKDCQnehbdOOEADUCRR7S42QqaaJb6B1ORrxh\r\nu1xTCG5nLQLFh3mvTR9ebTd3t8PiZT5dm7X8gf4TvxvtatVvvf5vPVrD4xXr\r\nZ/sj9Y3iMLssZGUucwJV2AMX3oGHRKFLgJ4RxEvtXTy3ktAXDCglKHrnvhzm\r\n7pF01MfMTQmTMHzJNR7DKB1trQoY15iTEkmng3rXOzdPp/dox/C54vFfhQAV\r\nGcqjOAh7OrlV/YDDSyozLe72SP647OzV/CCdUt0ZIDHbzAf2TCcapEzizz/C\r\nb/jdMjeZPwWguLXlUP3Wcmf3V1lKSYOXelPneimjLYfjMszDW+GOYutGt8f4\r\nxqseIokNs4xY93n3asU7hOtq3KkUIYZYvMo=\r\n=NUrW\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.381_1662093018682_0.9949049706219308"},"_hasShrinkwrap":false},"1.1.0-beta.382":{"name":"@spaceone/design-system","version":"1.1.0-beta.382","description":"SpaceONE Design System","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"},"author":{"name":"SpaceONE"},"license":"Apache-2.0","main":"dist/spaceone-design-system.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name spaceone-design-system --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name spaceone-design-system --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vue/composition-api":"^1.6.2","ajv":"^8.11.0","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.14","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.18","@vue/cli-plugin-eslint":"^4.2.3","@vue/cli-plugin-typescript":"^4.5.18","@vue/cli-service":"^4.5.18","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^26.0.1","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^7.20.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.0.1","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","sass-loader":"^10.2.0","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^4.0.1","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.14","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"},{"name":"Sungmo Jeong","email":"tjdah0853@gmail.com"},{"name":"Minseo Lee","email":"nseolee@gmail.com"},{"name":"Yongtae Park","email":"pyt4105@gmail.com"}],"readme":"<h1 align=\"center\">SpaceONE Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"spaceone storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 SpaceOne Design System  \n[SpaceOne storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/spaceone-dev/spaceone-design-system/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nSpaceONE design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport SpaceDesignSystem from '@spaceone/design-system';\n\nVue.use(SpaceDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface SpaceoneDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nSpaceONE Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...spaceoneTailwind.theme,\n        // your customized theme\n    },\n    variants: [...spaceoneTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...spaceoneTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"efd991f206458a882fcfe99e68a247ebce63db6b","_id":"@spaceone/design-system@1.1.0-beta.382","_nodeVersion":"16.17.0","_npmVersion":"8.14.0","dist":{"integrity":"sha512-5Qz0cV5y0idHccuFjxZmb9zq9HKkK7GeHLsGLCsJglqYb2USKUItx27xPLbscNbMbu6m05yhujFMgNE/7X/NNg==","shasum":"2de80ad1f4f811c80573ff3e301e66241e0c0709","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.382.tgz","fileCount":1407,"unpackedSize":64033297,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFVw2bMDxIhim6XnDM4CQjQZVLnFQWi+ksB/KdiHNRRoAiEAsZz8AnoYY/1jD+LHjQZ/70B49TUco0xiDMzOR2sepEo="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjEYziACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq6iQ//fhpp8OovocyJ7RXsRxfvebi1APJW7jopXDUauHXTf35WbZzy\r\nxwXIAjzb68COd6L7IGTBAXup6yHLqh1bXX52Qv85jItRph3fIvbMpMmREHLm\r\njba0LLI0kUz7NqVgf3X7zibil0i/yjUFUJupH1kafiJ7lb9ppsfQMDDHtQ9H\r\nmoJSBAnyf5JfF1bJF9495cV/XHrFaXahFIoWSIfARRs/UX2e10vmz9fXv2vr\r\nEGIPdrgd6KEnAcNB2ntTnZU4wEFo5QqzbxEVShZCmHqXr3wzG0ZeJEhIAtOe\r\n/52XaqL5RLgO0Y0l83xLS9bfNFv5+uWcQYGvTxw4brGzZJTgCrbGOx4Ea16b\r\nH0K10GInzYESTH5QSCqNIPUcm8eLJd8RiyT37/UeDu+Bs9VFTJ21NmVm7kUm\r\nYc5ebnqR5uD2MXXMr3/FjJRTvdsy2v496Iyp1kQJb4n8ygaLptoQI60dxJqc\r\nsfwIZ4Fl0QgMl7bAlKru11t2cTjBdhcmPau+hNq/hgq7Q9JSCoZZVTogF7Q9\r\nSdmIyPFV7vEOSpXDozMQgaockVZ9atF1ASW2DTZ7RcQHam8aiayXiPDZgV1B\r\nu/8DLzvENt8i5XDXjDOmyDjn5U+JJa+Wt5/5RUmLZVGgJh9jaV1bHkfjraam\r\npnbUdjanJFfoe4kHDV1QIiqeEr0+5H7tvEg=\r\n=enrv\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"wanjin","email":"wanjin@mz.co.kr"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.382_1662094562355_0.9309720470816993"},"_hasShrinkwrap":false},"1.1.0-beta.383":{"name":"@spaceone/design-system","version":"1.1.0-beta.383","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"dist/mirinae.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vue/composition-api":"^1.6.2","ajv":"^8.11.0","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.14","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.18","@vue/cli-plugin-eslint":"^4.2.3","@vue/cli-plugin-typescript":"^4.5.18","@vue/cli-service":"^4.5.18","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^26.0.1","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^7.20.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.0.1","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","sass-loader":"^10.2.0","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^4.0.1","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.14","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"},{"name":"Sungmo Jeong","email":"tjdah0853@gmail.com"},{"name":"Minseo Lee","email":"nseolee@gmail.com"},{"name":"Yongtae Park","email":"pyt4105@gmail.com"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"c260f82ae142c8d8e0348d6a56babf9ee4a09548","_id":"@spaceone/design-system@1.1.0-beta.383","_nodeVersion":"16.17.0","_npmVersion":"8.14.0","dist":{"integrity":"sha512-xvGcpvmrPR8dlpp38gHMqyQInv/n9gj6krTxU9g/LlwMisrgl1aVTEQsgHjbmqOfITi8iUW9Zg9u88vNTJtphw==","shasum":"1bc38a86293ff49e65ff80cfe57261bef5fd5e9e","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.383.tgz","fileCount":1405,"unpackedSize":63999771,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDI2q0LpoAWdm0VDxgAixoPqFoZR1aGweD6POYDNmghgwIgF5qef7cEb8sOA0+l5oh90GZkpnVOqlwSRKHiBfjgnGU="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjFci4ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqsIRAApGEgfpIXKZTc730G+DyI4JLlAzDWmDPew/GAssRPsqPfgHtg\r\nF/hcrPFflSzME2SSFb1spqC8Zs0TuVpeVq1Iea5H5EamsyXZdnQfT/A+q2qT\r\nA65QyyoGtEXdv11pf1Tc9F2l6sc1hLNtxghhBwYKFlWmlZ4sKzI6+fYh+pn5\r\nwt1olUzDfa9azfGEsVey0iH9y22w7JUcDqNsf+72PxcQRkJzlQ4yhxUEdFSe\r\nLlxUbeHVrTl3dl7lfcWAZtkqliZsuTrdG9EWug7vEdU2Q9Y7ZDZonmxOAXpo\r\nfYOu+raK09XlXzkQgOJgJHRF5fG5fVJkZPnillCHJKWTZposrFW/oyNY+OiU\r\n8klKCZMHV5zRx79PFNTw1sBTGIPtFj2A+XZwbjPZ28L7mOeJuZwsPYwjyFHS\r\nQFahxl+rr3b7fgHvIkQCt2Ti5UgrxLUWKCbbWHyPlIHTsXA6nAuVeUH79Ayq\r\n9nhY/foogXo2WZjNtrJf4S0I7K0nwu2wI2flBUAdLfi7J/kcr6GvDB9FB7PS\r\nMAxh9/N6r4moNVYCaR0xwXZNMOC0GGuq5gndDgmb9IZrwdZoaOk7XQAujxSn\r\nwy3d1FATQEWKTG2cR30ltDYcxYk0c8gwJ1Ufq5Cz847lQWW93Sck2R7pmjQ7\r\nrDTcp/kyBHJdEkfKEmk1sES7sgQg2Rh0TO4=\r\n=26If\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.383_1662372023673_0.015353575617798043"},"_hasShrinkwrap":false},"1.1.0-beta.384":{"name":"@spaceone/design-system","version":"1.1.0-beta.384","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"dist/mirinae.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vue/composition-api":"^1.6.2","ajv":"^8.11.0","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.14","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.18","@vue/cli-plugin-eslint":"^4.2.3","@vue/cli-plugin-typescript":"^4.5.18","@vue/cli-service":"^4.5.18","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^26.0.1","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^7.20.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.0.1","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","sass-loader":"^10.2.0","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^4.0.1","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.14","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"},{"name":"Sungmo Jeong","email":"tjdah0853@gmail.com"},{"name":"Minseo Lee","email":"nseolee@gmail.com"},{"name":"Yongtae Park","email":"pyt4105@gmail.com"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"02c503374fd49e5e353e06f65bf1a9ebd9653556","_id":"@spaceone/design-system@1.1.0-beta.384","_nodeVersion":"16.17.0","_npmVersion":"8.14.0","dist":{"integrity":"sha512-L+gRSjcI4Jy3gbbtPDCXAkab8TLAvzxNos1RR4IlYHaB1TspBWGc2CY3KL/vvdvwAA0BOruE7gNJRlA2Da9jng==","shasum":"fc287f88abde5e76b90bd08b0b6f67444489928d","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.384.tgz","fileCount":1405,"unpackedSize":64001183,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCqgDoO/Sy+JmFZa/nhjR/2YXNqSyAV27NqQMQs3rfS6QIhAPxLcfb8YoGfzfmWQ+0nR2yDC8XvPRALnTZd4zqMnQx7"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjFcuLACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrICA/+PLhrm0lj9d+23JtXvbWgbSgBuONE6Yvq5oqF0uIrmcJb48JE\r\nhP338hdWG7+5NlxB1hlD+a4Ma32AaiAkENfSFjVwFVv5AEfY9voGsHlHVGyb\r\nxSMbalCbD+jM7wgAGO8ulvW+l7xbJk0l6hNM2CdX6X8Xro4tllBLk3iNCynV\r\ncbvIROEVHj4FXzIooT3dpqZW0Uj8+P53RPJrseTTzPXKDl5OpoT7e5B3jy8i\r\nnNJARTGuPQkgeyuBcD9y2awol49zZlLlcCnl7qIpMCibfQz8KQU0k99HyJbK\r\n5jfXzXr4SZAmuBsIIP9kKfLVo9d2TXCSV7DT/6FBf5MDWdYSy7MgiCbSdEds\r\nXoeTMZ85/YcxT356Hhc1EbKWQ18yHx64jG4i+cc1prnF2++LBE/sK8Pt0ttg\r\nn5rtWqpGfIYgCqrrGv+soLh9RhMwCVpRlo3j7kmkRX4LuHlWvaN87EdhlZjw\r\nU2V1ZxK42F4t0XsLE6Sxwv7QFFGngTvlELIOej+OoxzII3fETUXlRFwLCFod\r\nueqVI7OPwz+hgL9Amw+7j1T9r023vJkyY2Hmm0SF+qCOy6jVWVoyrmspeb+q\r\nVjTBdFqoBycbpFUwAXUw5pUkGBU9P4dmF9gZHCNyESXoUSSpld6O7VnQMMvE\r\nAGQtGv3XKvR9U5aJ+NJUIqzLYxs9G8LXrAs=\r\n=WpaN\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.384_1662372746970_0.48123379175091263"},"_hasShrinkwrap":false},"1.1.0-beta.385":{"name":"@spaceone/design-system","version":"1.1.0-beta.385","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"dist/mirinae.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vue/composition-api":"^1.6.2","ajv":"^8.11.0","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.14","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.18","@vue/cli-plugin-eslint":"^4.2.3","@vue/cli-plugin-typescript":"^4.5.18","@vue/cli-service":"^4.5.18","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^26.0.1","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^7.20.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.0.1","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","sass-loader":"^10.2.0","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^4.0.1","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.14","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"},{"name":"Sungmo Jeong","email":"tjdah0853@gmail.com"},{"name":"Minseo Lee","email":"nseolee@gmail.com"},{"name":"Yongtae Park","email":"pyt4105@gmail.com"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"2ecd7c087150e1e3ec94df1c963c9152936f75b1","_id":"@spaceone/design-system@1.1.0-beta.385","_nodeVersion":"16.17.0","_npmVersion":"8.14.0","dist":{"integrity":"sha512-1jmRY9dObYFJi72/zstdhQ/LvF5T5IbZx2XUyheh2F1uSATAoK31o34P9foEGgrcFAl7bVfLo4oDQ4Dc7CrMbw==","shasum":"e984c4511f635ec9722f1cf0930cba6d1b1e2367","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.385.tgz","fileCount":1405,"unpackedSize":64010515,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC8iuIXCUGesBxsY9MEPFBeh3e7iFI8Azl99uAAHJqX3wIhAOV6jXWC5KoaAFVGdTfejQaBb1a3dHY24CwJNqQQlpLp"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjFqaKACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmosUQ/+KcPlC6F6vzxa83NTeG28ichJn4BvGwVDCobcDyxloD1pTP1K\r\nLoICoYWBCRkUykCdsE83pxDYzdWk+o1APR/9zzQiCETTy3B9BTqSbuwp1WEW\r\nTHW1mbMRljHIvLpEi1eV3qMkssQOsGB7ERr9uHzUEHdgLr3JLL5xBbW10YmJ\r\nm59o3h7FJeLJDEpTaDdOGM0Vf44vO32ppLNWjPMELK4/hCni+fWxF52kIQ98\r\nKBLV4qFKxVwBe3mYAMo+LXfs39ovNDD9NoDQqMQNdRuQ1iodUq4NVmV5UTw0\r\n6BWwHCl3LL/+WBI10C/ZcDIIOCY86BxbvdeSZgEz45jeWhGTxWpt1y5SwI+G\r\nOCeMdnljasaGyMim4uqIFCwpodBCnzTWySgn4AQltBSpbOYPbDc6sFw7KOwQ\r\n4uJM8sFQ0CA5ugJL/dlGZXa6A1wGF2ZAyrKjfBEaW+1DBpWSzYsy5ISw20qF\r\n2zZLxx+oD0uzWVXQpaxzPXXUb7Z36jA6oYsECvUyuO2+za7JFSVORECHw3H7\r\n2NLnUkv6MWcDGV3VwPce+sJNk4xnJ5miwalTwAXEzb+/ZJnArRm+2CK22FZN\r\nK6PJgMYv9i5w3fr7N50o9d+lspx6ZlMet98P0kRONfhpfASxb4RadVNIF6MY\r\nQzOP9kMm8Kg39RyplJ9Q9O833I0pE6TElao=\r\n=wMpW\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.385_1662428809651_0.0584268318947081"},"_hasShrinkwrap":false},"1.1.0-beta.386":{"name":"@spaceone/design-system","version":"1.1.0-beta.386","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"dist/mirinae.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vue/composition-api":"^1.6.2","ajv":"^8.11.0","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.14","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.18","@vue/cli-plugin-eslint":"^4.2.3","@vue/cli-plugin-typescript":"^4.5.18","@vue/cli-service":"^4.5.18","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^26.0.1","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^7.20.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.0.1","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","sass-loader":"^10.2.0","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^4.0.1","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.14","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"},{"name":"Sungmo Jeong","email":"tjdah0853@gmail.com"},{"name":"Minseo Lee","email":"nseolee@gmail.com"},{"name":"Yongtae Park","email":"pyt4105@gmail.com"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"257457317a1398668c06d8dbaf1c7a1601842f58","_id":"@spaceone/design-system@1.1.0-beta.386","_nodeVersion":"16.17.0","_npmVersion":"8.14.0","dist":{"integrity":"sha512-jeS4AcN9BqPPNbS7IgSARHiBs3XiBwfCZPGlEksoCiHQPosP0uOeo3Qg4/uCUN5hb0wVq/0o0F3rIawzXZoMqQ==","shasum":"1fbd996ad4084b5bec4ec6565f8441d7ade767bd","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.386.tgz","fileCount":1405,"unpackedSize":64011367,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDmhPVSFm4We8hXkd/a0s7CvjgedjkHp2jlPE72rnnS9QIhAJBhdrHCJr1obJZEI+PR3g+/0+w3uIA1tZ07qSma8PVw"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjFtqKACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrlLxAAj9C3qwGNtK38ERk4Wt5itVHe3YOQvqMqQIlr2e+UYNwyWgYl\r\nKhTJKrD/oig6BS2ny9+0Z6+yAGucfFzvYPb1WyYUeY86CPG7tfOqtoRZbwYf\r\nFLmzGDH07hQCne5LrKIM+5h+IkfZYR2ayI4Wr2qOdXyEeVHOJTVW754GMyPX\r\nTn2Mh9zHAhkTKdhaCuJKXotQuNDqnYxMsNZhzGmMktu8MQvk2PS+I9NHpvLX\r\nThrxV9rNkbXlBRXBrZaql2YabdAQG0NOeSUwfGWEEu25v/GL0bVM5NqQ3x6c\r\nXDd3WFBcJfDLRxIUfz+trzuXRO/lu/VjbkXw5tv3BEDkV8UO6qbwFme226eV\r\nG+vij37NEZCLBKy4wA3iOVkbXUnO9b7CYyLMs1JgfU1TvFCXNkXwr1q5P37w\r\nO/u/LbJkncI4gT1j5+7WKXe0Rk5IM6JT0qiiDzIqF5/jsgJd4ef5TvRO69p1\r\n4Ku6ZIitsu9B3RZmjTm4OLap6XDWN/xNWcskoMb6ZUHviLSaokcqT9cuBxiB\r\nezn1ns+LpI9KZjyPX8YlotKwn9T8CyHdPlaLxXmU8UfK9Mort6ChkLQMdQkI\r\n73btlichr/xW6MlJP7tsdYOHNk1aX1BMvexDm1vGWr/kgp0U7ST/QG0+VrGb\r\nRpISuS+yBm+omXz+usLbXaRVXtKL0/d4+mA=\r\n=8e22\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.386_1662442121626_0.8625460978140742"},"_hasShrinkwrap":false},"1.1.0-beta.387":{"name":"@spaceone/design-system","version":"1.1.0-beta.387","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"dist/mirinae.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vue/composition-api":"^1.6.2","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.14","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.18","@vue/cli-plugin-eslint":"^4.2.3","@vue/cli-plugin-typescript":"^4.5.18","@vue/cli-service":"^4.5.18","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^26.0.1","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^7.20.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.0.1","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","sass-loader":"^10.2.0","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^4.0.1","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.14","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"},{"name":"Sungmo Jeong","email":"tjdah0853@gmail.com"},{"name":"Minseo Lee","email":"nseolee@gmail.com"},{"name":"Yongtae Park","email":"pyt4105@gmail.com"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"aae89f739a99f24f913654d4ca6d5a25de8e2d1a","_id":"@spaceone/design-system@1.1.0-beta.387","_nodeVersion":"16.17.0","_npmVersion":"8.14.0","dist":{"integrity":"sha512-QXTCHabspQ/NlHNLaih0ekFyxdStxgyMnYiKPtIwy6tP2U5TOwgHviYUnsicwu2BqNAg2wWxfi3iPKHiwUaaFQ==","shasum":"b1924a2f25e7825c093e9fe29a26b17e39518e62","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.387.tgz","fileCount":1405,"unpackedSize":64049433,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDaorFczRnluNVbRnDUS5CC5Baj6sQqIWyPpBV1a6RbyAiEAie53c4pPP3GFeT2TsIIWk+4vcqm78fz55k5UrSGTVZc="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjFwJPACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqNDQ/9GrCDVaC68WosoPf/yUmZz/z9FMN134C43WHEai20bYfWt1z3\r\nvIpKwu9nzfaG51/QKnE3TYSeRIHCc2KWiHA6KuaeO2NDTVV0dQ6bDT3cHt56\r\nnaDDZ0Y+S6ANvcSKYt3OUV9tuGLo3PVFPXeL8GJpb8hyGQLAevmV/jhQWrB3\r\nqrm6fXJOJfOxOtiD2JESl/HKrJHUliSMAQl4O1oURYvWemHspgpvIOvYSZw/\r\n6+1ukAkvQzaqpo6dDfk3QhKfffErYq/CDbZlY1ZQf9X3aL+jAKDodQVmUh02\r\nKuWHbqvDMdtrTs5h4SeBqYHtpXdG9uzDmAv7Nhas2blXbHMVc3WYTwbCf0gD\r\nngB08Dxlkx5QTcE7Mtk/ZfBbIPcwYB0N4nWz5biAM0khday+TPRzqd8taxv5\r\nRi051a3qeQZmpLAvWEGv1slSD6K7/eVjchFLL8lHIctdqOSp3Onea39QB6Xf\r\nKnnk7UerdOcHJ/ADH0VslEkkM4dlZY86jGIDChTUiEvYMVrskxytRPwfzNOS\r\nwyBz7lrlWKqUD4rfqX2rcnxLdzBddgDRk7u7GTVYfxiFw6BExuK/mmqRRNJM\r\n2/uQ7BQ2esuxGsvU1Bbn2R5RC9pq6QFphVV1VpOD3aIMXe1mofyHfxsGVi74\r\nfjO33QXQRBi1ux6Jci4zB+Lj9gwkHY+X9pk=\r\n=ziKr\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.387_1662452302341_0.39474203338502356"},"_hasShrinkwrap":false},"1.1.0-beta.388":{"name":"@spaceone/design-system","version":"1.1.0-beta.388","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"dist/mirinae.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vue/composition-api":"^1.6.2","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.14","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.18","@vue/cli-plugin-eslint":"^4.2.3","@vue/cli-plugin-typescript":"^4.5.18","@vue/cli-service":"^4.5.18","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^26.0.1","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^7.20.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.0.1","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","sass-loader":"^10.2.0","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^4.0.1","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.14","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"},{"name":"Sungmo Jeong","email":"tjdah0853@gmail.com"},{"name":"Minseo Lee","email":"nseolee@gmail.com"},{"name":"Yongtae Park","email":"pyt4105@gmail.com"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"4a5720274d6e6f09fe9786f0c7527d6d5e5b5d60","_id":"@spaceone/design-system@1.1.0-beta.388","_nodeVersion":"16.17.0","_npmVersion":"8.14.0","dist":{"integrity":"sha512-JzG0BbIT9rVckInLryqBFHtSHX3paPKjp8wAwcPB8j/kA/tf+KsqIadwfwf8eGVb6Ho+N0r4DKuVTekyJipTPg==","shasum":"d08032bd8530d541f1918085d0d1dac131b5c8cb","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.388.tgz","fileCount":1407,"unpackedSize":64052100,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDBgjXOXKazXQHl2TZb2GNh9ig44EU0ih9BfMLBVczlxwIgGHqo910tZSbzo7slM1ZM1bUiV4qdYszFDQv5q4EcAN4="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjGFsFACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoDIg/9HaZgg+VWW4YhyUmvSVOFW58qZ3PhYXM/uaMRyZUJEksOJ3lZ\r\nBg9/fGnb5Hcau3FsEggq1eXl5UfomA8wsRHeU01P3j1N3d2wPpt3E1VZHwXM\r\nr4QeOitVLGT8URb10kwjxhDhA7AfMVtYhnfL8mkyzD8sEj4pWot1erFqYdqy\r\n5lQn0NVUomkAO+5bpYXaJB6auhEpTDvR0pZ7KqpEqN9Q0+YEobV2bu88XILm\r\nZjTN07jciOHDt4ZoUU8l9IxXM0sIg8Srffn0dwzVslYuJYS+GKiHjUDKomGK\r\nq9QJZFMc+w0CeXc1UsQ/aKpPRakCUk0usKvDBJpiLvbMmF0giYz/tpp5SI2D\r\nUf+Z/GI/yGevycU7drhvgs93B+uBG937HI12SJFOZDtgndtJAZyEOIRG0/kV\r\nWP3Cpn5zD/NdMcJvytRrqjP/bCvoYl2aNUWYlRBpWupCPctEEbBJsY1H8/ol\r\nszXsP6WXsWQRwJy+3DGqFu43hMcURP56SDuOgogkz9/85pP4jTAtYe1wvY39\r\n2gZc7eIm0u3OgrUGV4DjF4t8OvBfC2jR7IR7Iod9u6+H2s6hoFQs/p+CcVRZ\r\nZEU5QcQkFuhzP3jhXdO5EbpARIpyFVHa8q15DAXeb3fyIG7QUdCPKcVccv8G\r\n8Yfs0Vf5rqtGSg+jfRqKCdoOQbbayftlae0=\r\n=XFox\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.388_1662540548583_0.9624551634763707"},"_hasShrinkwrap":false},"1.1.0-beta.389":{"name":"@spaceone/design-system","version":"1.1.0-beta.389","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"dist/mirinae.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vue/composition-api":"^1.6.2","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.14","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.18","@vue/cli-plugin-eslint":"^4.2.3","@vue/cli-plugin-typescript":"^4.5.18","@vue/cli-service":"^4.5.18","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^26.0.1","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^7.20.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.0.1","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","sass-loader":"^10.2.0","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^4.0.1","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.14","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"},{"name":"Sungmo Jeong","email":"tjdah0853@gmail.com"},{"name":"Minseo Lee","email":"nseolee@gmail.com"},{"name":"Yongtae Park","email":"pyt4105@gmail.com"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"501ccfaf884c98528c36f8a4aac022027fa7bfce","_id":"@spaceone/design-system@1.1.0-beta.389","_nodeVersion":"16.17.0","_npmVersion":"8.14.0","dist":{"integrity":"sha512-3gygfzEKGsRD3uZpmQUxeugam4EfemfH6dflJnmjWOVVYIShv4Kf1g4Ky61JJcc/WYvjz1R7rfKuCQzQcYGc6A==","shasum":"79a14783cc8ae4ab0130700ed9c368f1108619aa","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.389.tgz","fileCount":1411,"unpackedSize":64128929,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGAoZIK+9jvinz3NeMOpj/C0Gc5Td5IyZZluRZ1Od5VbAiB834PHxTdrKlsdbRO7MUK4IkmUlT3tQr97t5VmvInzIA=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjGWYkACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr2jhAAoLwviOWOnlmbkbC3RkutjL69CuE4hcDNaW0ScuYx6Bf8kASZ\r\nFzCn3Oot00EQyu7hATg/4BL0r0etkw4xxv76mlpb9vZfDkAGQ7H7DrBF1lHl\r\neMJzELhqgxEToXBPUrDEzPoDJQk5Ttu06p5glhkkqiwGMP1z0Zy4BFI6KpKw\r\nzwFGKBv6DL0WciKfRhEiMja/OiT8FSOOq6Os/fgg/U+5agtNU//RR8IC/Ic/\r\nm8dfel6dgPFmGjS99Cvu+E2gAqczAuE8IC4+9aRx87EPqikXrc6v6cwNSFcl\r\nw0lWPh0U/tK0bgXj+AUQ5J/VwOoLydKS8RjKuQh7ifda+6TmtNkxD/83FpUU\r\n3dU6ide6nByAMhLZU7ZY5mgBO4CxWlGjXvigPKsDqtUiqdFnUMybQ0TE6fxD\r\nCGC6jls94DJ0AzEmYIpHpPo5/53HgSQ953+xFgZKIz453D/CZaU6FIWdAqtX\r\n2UNJ3ecnBnYB9oU2AnEzarE7weseDje+b/EzS7dbTXhAYcsRu8w0i/SR0Kl7\r\nCEg22kKg8zrQELhRQSg8PxvuYmOfk5fHFYclpRDX7/GrX8hHm4hDPvDAdOfC\r\nvNYaE2kckhSTZqOog5+ctE8/czEMJYpfFT+fPs/T1hk4/wivUe6H3VFrAxcz\r\nWiiIwdLCYWA26oYzJAKNmINzuRUeCqXGFZE=\r\n=NWqw\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.389_1662608931580_0.761635875546514"},"_hasShrinkwrap":false},"1.1.0-beta.390":{"name":"@spaceone/design-system","version":"1.1.0-beta.390","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"dist/mirinae.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vue/composition-api":"^1.6.2","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.6.14","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.18","@vue/cli-plugin-eslint":"^4.2.3","@vue/cli-plugin-typescript":"^4.5.18","@vue/cli-service":"^4.5.18","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^26.0.1","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^7.20.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.0.1","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","sass-loader":"^10.2.0","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^4.0.1","vue-loader":"^15.8.3","vue-template-compiler":"^2.6.14","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"},{"name":"Sungmo Jeong","email":"tjdah0853@gmail.com"},{"name":"Minseo Lee","email":"nseolee@gmail.com"},{"name":"Yongtae Park","email":"pyt4105@gmail.com"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"http://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue @vue/composition-api vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installVueCompositionApi | Whether to install the Vue Composition API. All components use the Vue Composition API, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installVueCompositionApi?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"c66a4c66960cb6ee22ec2f6ee0ca96e4381c7839","_id":"@spaceone/design-system@1.1.0-beta.390","_nodeVersion":"16.17.0","_npmVersion":"8.14.0","dist":{"integrity":"sha512-sr2YzR75+N7GlnhmFZp6oskCDxZ/UBRRUvdbxUsGzvu8Y3tNdSbi2SGXC4XwsMidtpP6l0rs9tQtB13ler3nTQ==","shasum":"9f9585899f7ef1029af1729e37971b13fa8dedb7","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.390.tgz","fileCount":1411,"unpackedSize":64129702,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDDqc8RDZZvdcpbLCaE7CV5zf01SeO52QoKyUa3ZpWtzgIgO68ugKxZhga8iNwZErpa2Mab6guXaEX1Qre44Qk4EY0="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjGW+VACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmplsQ/8D1F8ERyL1OexG9LtrPjSYrGX21ZXoEz+nLuOTbVxpwwezrOO\r\nT+nzrmtXdmgdnyLa9RZ8+SBxij+5BM5/sxSVsCeWn6+yPiyT0oXOH9cgh5I4\r\nhzhGlth4Rbg3ZmiQ4HPopxjFvz7lKklmX3bqy+yuiJR+dvlvuA1TLwH+hmW8\r\nqitfTVPMKosmDbJ0IjJry/0p7ScS40EXYEerZJq14lfhMH2Ze9bXGOLzKZnM\r\nP83SLVHEoprpn2GM9IyXxVT1i3WSLa7o7hGxGQYL9lEOEqbl7n3S24dZHBqh\r\nLu1FdPxgCmAshLgZPLH3fEknSx9LNB3+0NxPYrCxvI2/5VijUQYnW7WlUPZA\r\nGDwbTktPjVhx2H0NlsUFezZ+Zm4rZg+Q8qYpG3WvMjKrg+KyhUIuxkiMNUrI\r\n3OVxGDSShqZcajLWh8ISovYTThEbqRg+O/Chtl0M5xxPWO7/KGMSX8a69BMF\r\nTU4FeE/Ln1K6rcBE/5+yI+5FfJzZEkCE00so/zNWhh6AYPMSXxy2jPy5qy77\r\nnAGonWJBs6DvUZKmJfh1vuhS7RQoESIbt9imXTbMQTTA523U4dGtXllGl+T7\r\nV2EK240VYIL7zQbK2O8D1T0YMxlGZK/yWUJcxgtvsqhKJtKgylUPmMWTrO9n\r\nRCLi1UsnYEECx+7Vgue85f7B76yEIH0FE64=\r\n=qPUx\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.390_1662611348965_0.8710632575216366"},"_hasShrinkwrap":false},"1.1.0-beta.391":{"name":"@spaceone/design-system","version":"1.1.0-beta.391","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"dist/mirinae.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-template-compiler":"2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-plugin-eslint":"^4.2.3","@vue/cli-plugin-typescript":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-jest":"^26.0.1","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^7.20.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.0.1","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","sass-loader":"10.3.1","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^4.0.1","vue-loader":"^15.10.0","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"},{"name":"Sungmo Jeong","email":"tjdah0853@gmail.com"},{"name":"Minseo Lee","email":"nseolee@gmail.com"},{"name":"Yongtae Park","email":"pyt4105@gmail.com"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"153209681ac8afcd2dd1dd75d649b1c16163442d","_id":"@spaceone/design-system@1.1.0-beta.391","_nodeVersion":"16.17.0","_npmVersion":"8.14.0","dist":{"integrity":"sha512-gc+N63cXkkoxekNwkrBBQ5ICRsfBExRwxTQtUGOFEcnZ/Ui4RQuzMXg/eOx5Z3n4NDAWFSSiUdW/g+KFA3jR7Q==","shasum":"e0e861ce3353f513f748f0eb7697d0a65b0fdc62","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.391.tgz","fileCount":1411,"unpackedSize":64438518,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDuOFBzzVP7NpybEYmrK1J10NLScvZt9hf9FF3vXxhy2AiEA9wjiljmScBkqYMbes9twy6KD6uaB1YagGFTR9DCwj1w="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjH+sAACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpqFhAAjxEbtF2nU6gxEQB6cir0NN50IGorDZdrMm98Mt/gyRCsU8r7\r\nTBOk5+Pg9FjPtldHUqOK70cNKJy3fTlVd/B6gEmLjGrraB1jSwcS1tnLhYF7\r\nJy2guXsF50kb5/B9VEAJnY2zwN72MOA+I189YbbvtFjKeDVSx15XTOKBZrdV\r\nO5huwW+ZoNdJO2gsuXweCkK/ziY70FihOJev7ys4sysFGRr8lmx3heOGbnWP\r\n0aadQkz8C6r0sSBaPQ4rgM5VpNKFWoyw9JrR1UnJ8F5fJYTx7tKZNWv0SpeM\r\nCUDW+/1Nex1oCFGSIZl05luqQtneyBHDP+al7YNIxaifId8PodO1syuPcd0j\r\nc3cRYwmIcSIhiL9/wKEP4hxUT2jglPqukqsHYig8ViHA0JwtFiwiTigjcFfP\r\ntC1CFPYkk4yy22f5dZmmoDH2r1Zjgf4YcgYH93nNuHBy2+tMiVRxQbCYuy8c\r\nu1RVYbIWFRHZM9sG6eBVoioIIsJYvlND1SBxj5IO7XIckRBCb9Y2oVRFsN09\r\nzDmJbCusjLD6lenkRUjk97EfV91ILJfnZ88q9N9QQsyOa9pslCPzmU1sv8fS\r\nY9e3mtUTcdzHAvAgCf/4LEx9ihEnCgc/AXNXDDaM8Mz9oXQ8Z7xc27XFh9/f\r\n/mL5QHVYd6Tq2YWcNcRCpjQxQRhrNP6pne0=\r\n=q2Ql\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.391_1663036159245_0.12892113485596624"},"_hasShrinkwrap":false},"1.1.0-beta.392":{"name":"@spaceone/design-system","version":"1.1.0-beta.392","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"dist/mirinae.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-template-compiler":"2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-plugin-eslint":"^4.2.3","@vue/cli-plugin-typescript":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-jest":"^26.0.1","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^7.20.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.0.1","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","sass-loader":"10.3.1","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^4.0.1","vue-loader":"^15.10.0","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"},{"name":"Sungmo Jeong","email":"tjdah0853@gmail.com"},{"name":"Minseo Lee","email":"nseolee@gmail.com"},{"name":"Yongtae Park","email":"pyt4105@gmail.com"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"dfa116b62ee172af80cde396d439ae53f6f18c70","_id":"@spaceone/design-system@1.1.0-beta.392","_nodeVersion":"16.17.0","_npmVersion":"8.14.0","dist":{"integrity":"sha512-C8CL6Rn2jpkZ3OvY+B5oDrouINdGeUjLqG00ioGhc2AZhMZQgor9pQ+L8cONnox/0AyhlLhwN34zmIydIdH9uQ==","shasum":"faa51f22e199918a884050847d3d04c40b2751cd","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.392.tgz","fileCount":1411,"unpackedSize":64439527,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDdo6OrAN3GM1RIqtieokd/PwzztvahUPrKwqlVjPiGAwIhAPG8H5Guog7YiRdJDY/nPnQqcSuDjkNnGnT/1gtLLcy7"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjIalHACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo6Gg//QAkkfe4tt2g9Bb9+DunR66Fi9oVgTO/5zggzIjzm34OvqgkB\r\nCs46lYH82lGr3dfG/OXz5RGpte8RDXg5ky6/FVZz79rBugq+UoZRV6Qt1xeB\r\nSMra2fCWwfJcrbuD2wZEDCw2DD8R1dFZOYQsPV/z9zDIzQG5oPdagz42sCM0\r\np1vvaDTTm35wHF1EN2jIgvKHw0TxasiSVhPlUeJOWj2sbX3M+GLgvBMxWYgX\r\nIEHQVDTGiTF/NAxPJW8pHLwegEHVZyVMzB+MbRKVaYUAROeWlgVl2S7miH9W\r\nmpt1jPyasgtS3N30xJ6U3tEl/QbCS5a6fnUEpQYKRySR5iAuvM+Lp1vsf6HB\r\nfjnTs/CW6W3T9KfgAHmTmDAZGqmOtAG6o2RkkrChRrIINGyHGmpA+hzqRAPs\r\nn9OPZTFWH/P1Nv+ePYe4XN1smf9Jb0fuAigC8TIH57V+uE1xpzW6sjfjsQpz\r\n+96TP3A1DVcNjpLSE2YriiGxiDs2naNwkCtyGXE97RpnHFm6pFNagMveQxk5\r\ne+GE4Fk26KBQc7sHSkb33Nm/fRHA4q4J2NiNwdNxt1F1hMNBNb7jBxXQG2Cu\r\nHmr25klGm+FGN+Jgw4Pu86kuels7jJEnSlhlKMgZiPn9K0RCm2RoSjzB3yDu\r\n+RVShe62Y8OZF0uFnNVWnVC4P9hizHpaLDo=\r\n=Y2dP\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.392_1663150407044_0.21037160350608808"},"_hasShrinkwrap":false},"1.1.0-beta.393":{"name":"@spaceone/design-system","version":"1.1.0-beta.393","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"dist/mirinae.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-template-compiler":"2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-plugin-eslint":"^4.2.3","@vue/cli-plugin-typescript":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-jest":"^26.0.1","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^7.20.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.0.1","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","sass-loader":"10.3.1","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^4.0.1","vue-loader":"^15.10.0","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"},{"name":"Sungmo Jeong","email":"tjdah0853@gmail.com"},{"name":"Minseo Lee","email":"nseolee@gmail.com"},{"name":"Yongtae Park","email":"pyt4105@gmail.com"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"edbe982c2d92825c7e6b8cab423925bcd6e0621b","_id":"@spaceone/design-system@1.1.0-beta.393","_nodeVersion":"16.17.0","_npmVersion":"8.14.0","dist":{"integrity":"sha512-5k26r00nnJemvBkZtkRuUQ0y6GfepzZlYE1cQrMyYicwxeuPO6omcyhGrgbcsrCUxUDCWCXTLU9Uc3/bUNmbUg==","shasum":"aa59044e0fed2d4cb04fe3531a3332405a4d4ede","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.393.tgz","fileCount":1415,"unpackedSize":64444272,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBbAS3sh+Xdr2uDg8VtjIsUo3RtKEYmZfPnINCF7hW1oAiEAjyM1VHgFV/U6Os/6rPjp0ZeEOjZOwbUwKAVUiv68Wf0="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjLUPSACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmreUxAAhQvW/xPYUP2EA6RgBR9qWHNL+bT4Jxc+PK/+BqkXknZ2zY1x\r\nVZWDqKqN5lbkkK+f2AAFAAmIxxpzBWQi0vN/lk32qgrABj7lHjd41fL/mdxF\r\nBsVFe8XB9XB3Y3o0HaYt1hg4rsqyeBgnKwbQyY1f8hN948fq45R7z7UJlEeR\r\nK/NIz574DNfm9oWp/9h3SNXzrjWI+RR5V+5+dSU1uH9CP7Jc7L6Colu9Ywhr\r\nc8jrf83L/YEcSwAuzi4jyyrkVcAR96xRwrgGYQcZqMpyPgQsBiA4aGJmtNMF\r\nhpZyLa5aPYqyjzLj2I3G2BsjQEKJ6mwyiRZp6GP4zYO+ZCg1Wwp0674xAlaJ\r\nZshrW8Q6nfp70FprGjOAecxBMHmzuoqd1elrwvi+lIhk+HlVTlyh8RgO9gwk\r\nQ4oDoDep9VEl04bXAdat7kiAm781U6dQ7INMWc8xLOSZD8hlNY0ZBLekf09x\r\nNQNlOD7FSXGrr4//TKWaiA90PeTaRg90UrTHjtdUqHq6oyGEbPSC1pnJQo+T\r\npwLPShOqzWqrZI6T/0ttVP82rLz0cC7CnLMYB7CKI/t/CW6aTqYNKeNSMd1c\r\nuVZRSXeUoTaopmW689J5KWwK8SIP0lomGCmA56IEi748DwELyg8nlXtTHXkk\r\nyFRbLWQhQcob0yxisWTGD+WO+/y96+wuulQ=\r\n=fcgL\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.393_1663910866267_0.09017681766229702"},"_hasShrinkwrap":false},"1.1.0-beta.394":{"name":"@spaceone/design-system","version":"1.1.0-beta.394","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"dist/mirinae.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-template-compiler":"2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-plugin-eslint":"^4.2.3","@vue/cli-plugin-typescript":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-jest":"^26.0.1","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^7.20.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.0.1","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","sass-loader":"10.3.1","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^4.0.1","vue-loader":"^15.10.0","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"},{"name":"Sungmo Jeong","email":"tjdah0853@gmail.com"},{"name":"Minseo Lee","email":"nseolee@gmail.com"},{"name":"Yongtae Park","email":"pyt4105@gmail.com"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"abc0870b82556c17a0a0616b908f94c73d8d4d51","_id":"@spaceone/design-system@1.1.0-beta.394","_nodeVersion":"16.17.0","_npmVersion":"8.14.0","dist":{"integrity":"sha512-mhu3fKZUZdiHlkuzlyhSQTL7sjZUzoQtfgByiBBHpxiPIGi0CezBGD3l82Fjito2GL/+sibWL4RvGQy4S4ZItg==","shasum":"06426883c402ee06c07ec4b83c33fc318263cd48","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.394.tgz","fileCount":1417,"unpackedSize":64448667,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDTrI1/IGmjAHk5/U0sQUFAqxOJbOoOB7WrcQdSxjFVfgIhAIc4APOtYa7u93rm0xTzSTwBScGCtSaGMWBAeIJ7Isps"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjLWssACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqCdQ/7B43IQOYSZoQcoERnCf92zGmrGMXU62bqFiR52HCSPlHQ+U/M\r\npOchm4nPOoM7YrVOgpbkxOVybpx0OItGkJ80xZN0S1ZznYGthGt1JzUoKAus\r\nl8Bsj/AktUehMW/pQU5vmrhnQTUUyERE8EFIctDOcAeedUQ9QEgV+3kpzTEj\r\nx3JHo69Tm19pIQQg6HqmNAw4ntUOgXR0+IzqGsUHZkxhYMPFDO2EHiAmecI9\r\nMsnHexu8ZXizYi12L8Hcjv0f/eD+YLWCQ1yP3lwfjMJX0aYmR0YcYQJ5zQ3t\r\nB340yTBCMVj/shiCTrjUi/OMyR4RtV4znyps4UZFMVvFdS5k6rD0BDunNC3H\r\nGxUlVzWW6XfbenFwYxzNkHCBsG+1NO45WarJ9deqAs1XyeU7ncGIsY/MtUuM\r\nEpwjMdH3DqHIm84Pt29U9gKsaQZ2JqhP9eUWDfAQyeJujirMw+GUEoo/NhWf\r\nlx3h2nmoRM0mBRBUnWBEU/fP9aFoMwHRTQPp095y6Omwu/qlz3mKXcCsA3SM\r\nhv/KN1AKB6v0by3LDHAIfbIq3R/G1iO0ItyR/eaIAfex9uor6LgZOMu3g7xT\r\nIf9J6MkzH/cWJdypKnQIzsWPlkOb4D0Vy1Hd1gmlxSzuyFyHAX3vcIHnjb4a\r\n7FUU6lsT6Gmk3CVFamcGbkqNKEs9r6zSt24=\r\n=o2j7\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.394_1663920940052_0.7093893159202456"},"_hasShrinkwrap":false},"1.1.0-beta.395":{"name":"@spaceone/design-system","version":"1.1.0-beta.395","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"dist/mirinae.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-template-compiler":"2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-plugin-eslint":"^4.2.3","@vue/cli-plugin-typescript":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-jest":"^26.0.1","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^7.20.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.0.1","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","sass-loader":"10.3.1","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^4.0.1","vue-loader":"^15.10.0","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"},{"name":"Sungmo Jeong","email":"tjdah0853@gmail.com"},{"name":"Minseo Lee","email":"nseolee@gmail.com"},{"name":"Yongtae Park","email":"pyt4105@gmail.com"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"b60132195e52e05971cafefc0a7c2da34ca70f53","_id":"@spaceone/design-system@1.1.0-beta.395","_nodeVersion":"16.17.0","_npmVersion":"8.14.0","dist":{"integrity":"sha512-zjlTD4eW48jc1gxBhX/01XagHre1eSRC8hU6vAljYFGipQsh3Pd3p3YBsrYiqWEzF5kIOw3dhdoYsi5VrpF9TA==","shasum":"9134602f6792b9a10f1cfb1be0ddf41ceceb1356","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.395.tgz","fileCount":1417,"unpackedSize":64448013,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCZrT30aUohUkbPsrQ9762cUyhraNAjjZvCWs/uWRajSAIgfSGYqvIbAlVq8+PNZnNAL8t6ZiRGDkUSR58BdRPtNxw="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjLXJdACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqdWw/9HdSvikR//HzUTraV0yJ7kcJS7tiWTeVGwtNPjRW50zdyen7D\r\nWXyyXxWmQfR0pEsl+hD3j+Gd2FNHDgDwq52yLgnXA4mzX92isunGRMwbSGev\r\noTdBG79GTEXBXDDoONNS5ko8sBxmQasIwa3kSlKTXbeYt3qU/XXmpkeWGvTJ\r\nsojQ5nOv+lI4saz/+LAScAR/ykB2OBf47Ep0FtWNpo1voMQT1w+m7cgK58D5\r\nIXmxSpBSohnhI7vtj9oGjrFjcY/D91OBi2MJlWp2h7V1gZxi8ruUTds6nH8S\r\nr9fgl4mUgg8EKc9Mo1+VyXP625c00jz9lgMAZuIV5HUTR2Usdh1wZLeNyMbC\r\n0/MinSuJDzF2Bxf1CqegVtda3xvyQW6WpVDOdVhk5wdVEaay/YzzkegsgnJo\r\n2+7zfTjBDzSUGCesrqo9lcCzvM340aI9qB5wCAjpvRvAYhN+ucdRD0jfFNvr\r\nrBnINlZLVLzOUW1Vow+cyPTKeEfiVn7wza+Z6Awlm8YBNysHDLX4djq6iauY\r\nZ+Nx9cz+crErqxKvTNDwo32MmVk2FQGJBjRWUTmw0nBO947fxi9lPsGn5HF3\r\neku25x6eKItQIsAH+xMxE7DkCtZuIg8NOXYUYEsWoTNw8DsmA0lb+hSi0vru\r\nhpnUtK6+7tEZ+G9YOIw3vTJgYBccIPxrsHY=\r\n=5kDN\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.395_1663922780129_0.9183693810203994"},"_hasShrinkwrap":false},"1.1.0-beta.396":{"name":"@spaceone/design-system","version":"1.1.0-beta.396","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"dist/mirinae.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-template-compiler":"2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-plugin-eslint":"^4.2.3","@vue/cli-plugin-typescript":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-jest":"^26.0.1","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^7.20.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.0.1","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","sass-loader":"10.3.1","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^4.0.1","vue-loader":"^15.10.0","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"},{"name":"Sungmo Jeong","email":"tjdah0853@gmail.com"},{"name":"Minseo Lee","email":"nseolee@gmail.com"},{"name":"Yongtae Park","email":"pyt4105@gmail.com"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"87a031eecfb1f502301277addc12118c017b99c4","_id":"@spaceone/design-system@1.1.0-beta.396","_nodeVersion":"16.17.0","_npmVersion":"8.14.0","dist":{"integrity":"sha512-QZJhAdZnHSuROOEuTEpYpQDjjkAsou9hPs0gjGOu59mXr6m6JItncBTMKvyi6IW77PfYC6B+BvA49PerjUsGaQ==","shasum":"7153f0d8bdf3efe5f08a987769a7f72eb32b1bb6","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.396.tgz","fileCount":1419,"unpackedSize":64447225,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDM8uV4gOI601xqNiUgqGGYBtwvHRUFRfRkP1cH74wP+AIhAPpyIYDdK11wEWr3qVjagajhYEM1PxEo4cVeiI94P8Hl"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjMUm1ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpVxA//bzhyDx/ee6NFKSdCYoTRYpXodZAZ9ERALpjw4z8zYmtVxCtw\r\ne1pn9q7FqY4PvBVB3jWUIJZFhstZVwRrBbT6Z8uJjxrxIRvR23eDpdBdbIng\r\n4XIIw+WyRtkubG27CqS52WvGuAQ3EETcHDz5JvGEs/Gxk2FHy0O+VmphToth\r\nMGe5n4vTbuoxXem4wXGVaWYHNJK85BZkcXWCawKRgv3E1x/C0y6cZtefJMVn\r\nC5J5l2QVKUTiWDP2ei0eVtoHokosrllf9c4NcEh8H0EDpIKafE9xvqC4fBmc\r\nQKfHYums/zjbClqql91G4npGJFG2I11ttOn/iTEXl5CByZBj+gxj5kHq+czj\r\nhzS8fzhyHTf6vqXjs/+Jilg+y24PkLoETXeKjdu76gCcg8dAvjk/c+E54vZA\r\nOvx2d/GlDWNbDgzZnBrmOzNhzhROYdpOOHuOjxdBikD7eKB6ydJQB2rkuDmw\r\nrV1HgVbYiZml35FzfI43veA41fVkc+k2GK/E2lWjs/QNG6qtmgnBZNm5rbdd\r\nEh9YtaaO5ljWaN76gsGow2IuzV/79B2AOuJqpJndtiHpLx8mCX43g4Gw9g3b\r\nH3oG8O8V4W9M91MYrpOE8K+GQWuj4e1V2f+2342+lEPKKND9cSjFXpk1SbTB\r\nNU3rlCgepWesu+mSDcwXVRflDOiAIROU4+M=\r\n=ZWkt\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.396_1664174516752_0.950869504130307"},"_hasShrinkwrap":false},"1.1.0-beta.397":{"name":"@spaceone/design-system","version":"1.1.0-beta.397","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"dist/mirinae.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-template-compiler":"2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-plugin-eslint":"^4.2.3","@vue/cli-plugin-typescript":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-jest":"^26.0.1","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^7.20.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.0.1","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","sass-loader":"10.3.1","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^4.0.1","vue-loader":"^15.10.0","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"},{"name":"Sungmo Jeong","email":"tjdah0853@gmail.com"},{"name":"Minseo Lee","email":"nseolee@gmail.com"},{"name":"Yongtae Park","email":"pyt4105@gmail.com"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"723fc207ed97a39e5370dec51ca7a837fc2bd8e8","_id":"@spaceone/design-system@1.1.0-beta.397","_nodeVersion":"16.17.0","_npmVersion":"8.14.0","dist":{"integrity":"sha512-VOEfyCILrnAXVS2kQ0HICEunxs0LUJO/xwLNu1cn5vO2boXiKDCumDnyQqW83dZEkzlekKQM0LLNFkDEksl92Q==","shasum":"f3751e68c5cb55b65b4d348b5680c562cce84bdb","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.397.tgz","fileCount":1419,"unpackedSize":64456108,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIF9kDfSyrM6oyETtbkjW3bybycbGX/4HwQig1SH6YAGWAiEAuXRkd/VWaFifcPS9yZxP5LvUWg/i8VHItcKMogDKA0A="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjMVKIACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr/GQ//UcFEXCUDchGVGQ7cXTfqsTA7CtcmGIxiRaI5g5joxLtRpT0S\r\nCJyM/tvmwg1rNk1154sPaBMleJ2Q6lcZLLXb3RX+0lNAvgdXUWVMtxknpy3h\r\n8gLZlB0Oo0TB8hMD9kECJHtuxfgSAgWCbZoYIBsDLRJuf0I+KYdid+f/9HJ9\r\ndmtXLKHdOT7LYLa+vEo4umCpdmg+pItRYQRHqFL4fK2AMwoIR8L4Ripszwda\r\n/xD7ROO46ZB9j2MDHWv1shhvchtN4e9n6SaMLBimuhMfLbhOvAEB/gQe/hkj\r\n1PJ12aOWaXiRIPkNDiGbZZZtO5O5j9gr4+4DE4fBKf2yK4M9KOJo/3ke3rnk\r\nrPX9Ka/9aTAKjMPowwi7hQTS5Q2d18SNKnXzWruWQ+yfKOGqHMhzTzQIhOVi\r\njNkzHncvMmJDv+6Xt3vnTEq1czFf3NAz2yd7scLy7uFFaVqD2Ow5vPX9BhKI\r\nX+5ZOM1PujgdCSClIxJbEBpTGDQ0tN/NI5NE7Wbfwtw87cn28bOLVKodNxrA\r\nlIxFV/Dz9I7XYT2sfZlbdaYRdkbOSjy5Zx+1BjrfR2dhmAKD3OoLPEoXvv7W\r\nbii+rHAbMr/8BBNCbkV7itz3XZblGE7bLtbEU6Ys8rw5OqT3yvXEIJreSt2O\r\nYqyBl66eMo3mBOl39GxTblG8t2q5ikQhmGA=\r\n=j2T4\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.397_1664176776119_0.5375230090660568"},"_hasShrinkwrap":false},"1.1.0-beta.398":{"name":"@spaceone/design-system","version":"1.1.0-beta.398","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"dist/mirinae.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-template-compiler":"2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-plugin-eslint":"^4.2.3","@vue/cli-plugin-typescript":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-jest":"^26.0.1","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^7.20.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.0.1","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","sass-loader":"10.3.1","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^4.0.1","vue-loader":"^15.10.0","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"},{"name":"Sungmo Jeong","email":"tjdah0853@gmail.com"},{"name":"Minseo Lee","email":"nseolee@gmail.com"},{"name":"Yongtae Park","email":"pyt4105@gmail.com"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"7a8fa7125d49d414b81bc0ffe6ab11d0e23f5495","_id":"@spaceone/design-system@1.1.0-beta.398","_nodeVersion":"16.17.0","_npmVersion":"8.14.0","dist":{"integrity":"sha512-2UgH/scdH09V1RRsgJpN+k3kQsqKlkSIXviibcUiNi5LqdyEwc87ckv3UJbgfR62K8wIFRiHj8u/58r2l5KsQQ==","shasum":"f9fcb5d3963d2920a076896c7326b01ada843222","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.398.tgz","fileCount":1419,"unpackedSize":64458032,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCH22mPiIN1uvRrTWzPweQKbLVzeD4X9xRrBRBQy3txHMCIQCBhrZO5iFGFACabpk9ynocoyucJqR816PCav+3X8fZ5g=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjMWsbACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpDUhAAkvyNXl5KuFBZ30L06uZPxuk1HLnaROHhbY8oAB6ReE3+1x2w\r\nmdYwfBoWQpwVOpYd2gUEKNkUqzS+UkshMC+YvZAYOhbfV/mNnMpPBU8bc+Jc\r\nKc6yTB4o6AQWK8HqT6cQYKQ6z/WtvYH/vqhmrdYwmdCDobfSqeeEscy8Ap30\r\nLlFEMOutuZi08TypgdsbctYzTsUmvZ7KOep4hamTeoxINqYlJQamEFtGxM5a\r\nhJAPGMA0fjXm5BVg2Kr/tMzxK4tG0Rfp+y8zXZ6L74cZBsWmkMLVXN6jAB9G\r\n8zyrUnt/Js66B7CsQN+wS0heGi0l6jBt4KpO9nbDfP29h7yIg9GB78hhsK4R\r\nu8cMcVd7rjYBwuoDpoYWcct60PKPE2Ur0nLw/PFu/XVBhF4xXIvGwTM5r7ah\r\n6CKIlCCWv2aP1/x98Yrgtd3KZWqDSmAvhWYbaCsuvx7KOpXkEOwzUAH/Hocf\r\nJDveYHy54ai9KX/5me7dT+LcY064zIb6kbNFIDsR5UNAWfvXJDsg2KmbcQ5u\r\n+ea6GD2S1FJPprQ8J5+9S0N+UMW/K0SBsO4VwfQkHsgZ7bJmkD9MaDW5s7gw\r\n+obfGhUi8n7jsg8bWt5t6l/D9KPmwb8AG5MiH/MSsb7qX2HZBfAW8qVts+9d\r\njaqtzMvWVXhYabQr50nOgAIwGFHNYVyZQwY=\r\n=R58I\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.398_1664183066662_0.6838019394743422"},"_hasShrinkwrap":false},"1.1.0-beta.399":{"name":"@spaceone/design-system","version":"1.1.0-beta.399","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"dist/mirinae.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-template-compiler":"2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-plugin-eslint":"^4.2.3","@vue/cli-plugin-typescript":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-jest":"^26.0.1","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^7.20.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.0.1","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","sass-loader":"10.3.1","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^4.0.1","vue-loader":"^15.10.0","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"},{"name":"Sungmo Jeong","email":"tjdah0853@gmail.com"},{"name":"Minseo Lee","email":"nseolee@gmail.com"},{"name":"Yongtae Park","email":"pyt4105@gmail.com"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"59264081610bf574f69ed67f3511e926223df66d","_id":"@spaceone/design-system@1.1.0-beta.399","_nodeVersion":"16.17.0","_npmVersion":"8.14.0","dist":{"integrity":"sha512-H1I0uxv1ZMoCyCXgCclvKPonUr46FsQgGAWIJ48062aHvn0Oc7B6eV8CprmjFuyHG3pBgrct9ZNW48WyS65sCA==","shasum":"34600f50b30a7a3a871f692465b8749d33a256a7","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.399.tgz","fileCount":1419,"unpackedSize":64465169,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC6jhBm9rHXtC0X7tTieHgnoe9U/rEl6YuGZU93P0bZJQIhAMxbqT7+AVwoP3ZKucj5evTbhGmDx/tTNENqXp6my5CL"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjMY2VACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrtVw/9FDjcdshvPnQa4JpIMD9KGGJmXjb9MPfh/qApRCXXj3LpVCIl\r\nrp87pN4/A5xrZXmuY0AsZocgRwSrurmeaIIpxNk80Tr1fg/vEHrC5w4Jb0/l\r\nRCtgAB3kykquC9XAzzLiGnGYzScTRWdaDXn9lXVLfVW1sOJdbLk3kXW2xojR\r\nWXl479eVRMMkHLPzhtZJKrEKCxMArUYiDChaoruyiQwi/Fnu4+IakjBhw4tt\r\nOdYIR/hDfO+z7T7sQQL/fU8S2dmbXD9h7VkYyXs2E3uWreXOs2Q6VN8SVy/R\r\nSXTaqoTG6Q4XbjBxKnrkM2g3vIZGee2olLKpSr8XzzJA8ApPRG9bD4/E+ynI\r\nOlS0ub6sKFasf1r1OnXMYQRXL5A6lqDvEylUYqwG91AX216IsyYuMgL4s2kC\r\n0OCo7WuB6Xx3QYg1qf7tdEJ+1+CfKGfXlyM6RnRZYKhEb/jcuJZhSS+7O9Ab\r\n4n+eMDc4hznGe8EnvVb+wahf1qy4ix7dmJLqm+gh8OtwTASc5xAE6/ORw2q5\r\nMEEGoNdPGoWZhFhxyG6JbzyI2FTvIx+bEjJCJqNcJpfNAmtCK7yhP1LLv9J6\r\nVovO1wGSVAtrkD7zoA7b644b7s0PoLzRDtOQa8yR5QiIyi5WH4x6OEMYOnGI\r\n4IVeiHGo74cdnFEkq8QfHPnm+Y75IziOCvw=\r\n=yghM\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.399_1664191892807_0.5125943094549485"},"_hasShrinkwrap":false},"1.1.0-beta.400":{"name":"@spaceone/design-system","version":"1.1.0-beta.400","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"dist/mirinae.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-template-compiler":"2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-plugin-eslint":"^4.2.3","@vue/cli-plugin-typescript":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-jest":"^26.0.1","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^7.20.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.0.1","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","sass-loader":"10.3.1","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^4.0.1","vue-loader":"^15.10.0","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"},{"name":"Sungmo Jeong","email":"tjdah0853@gmail.com"},{"name":"Minseo Lee","email":"nseolee@gmail.com"},{"name":"Yongtae Park","email":"pyt4105@gmail.com"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"d1c652dd3a3ea24b49e0772e1672d5c0b218ab1b","_id":"@spaceone/design-system@1.1.0-beta.400","_nodeVersion":"16.17.0","_npmVersion":"8.14.0","dist":{"integrity":"sha512-4hNucLAtWoSIeSXsKvHhBUv3a7sicoYxNAmhQ2MtyRIeH2M5LAUtZean2LWhvOt9Ko301QxN6kivSlyabICfew==","shasum":"ee38879406b07dd1640fd94fe48c45babc404ed3","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.400.tgz","fileCount":1419,"unpackedSize":64474263,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDHAvEpH7ja4rkoedIY+6QebSsYI+z7wMsvMTp/xyWz0AIhAOTMaGRL6i0bR6S+UEsTwrePt2E4WqaKfz0XcDlWZBII"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjMmL+ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpYBQ//RHbIM2Y8+12ieB+ddFee5wV0pGWHqsUyt9TnqVTXdEO26COY\r\nI5BFLEFbCK8EhnpJF8Oju0EPv5WGflyt0yYUwvAr7ckyMJPckm6jzgK6mm+2\r\nFHNd5ivwGov7eYix8WpxEubcFEEwHtKC1yv9olEmTVSI3Qc/WbWSofr7UMPZ\r\na89DD2CuOgQLziZ9znzMrQ8t55mlUuHnU40NlY6iJdPf4U8TjiCUN0ad4tp5\r\nSuhtIhsEtGhKGRY4sLn3tu8WTR2rIhY3P3njpLMBfK7YxLQUquJtpgJRsWG+\r\nWdKGMbOJxNwMbz9f77vtvYbK6XH12Wd2SgF+lut35iQyHs0fcCIXSjNfm5qR\r\nfO1ZEUUKv11G6MN/8aizSRaNNVuKPkJaaZkLV6RWQQMV3rTHsusFfRCV9fVV\r\nfe+J6K1CGColVfUd9opFo601ckpZYIoaTXwZGjeYc5mWXvLZNyRXzqQGVQWQ\r\nGhlTjzmoo3nG6xNuzitTPJKE0JF82wELrUJzkL7jfqfPVAOIRvtaXI7l96ek\r\nRAFrFsr0Zt11Wc3qV+QuH5bI5Q8VeXsnex8rHY+0Dah+EMPy412TEGHE9Z5j\r\nV2vC5sQLNKiaKcC7m4KXptvbpPFUhXOtObdlmKGXrPqePVHfXiO02C/D4NLH\r\n/lKZOuf/v96xqwt4c1exjb7DmONbdbfjgfA=\r\n=4h0L\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.400_1664246525896_0.34653345732476004"},"_hasShrinkwrap":false},"1.1.0-beta.401":{"name":"@spaceone/design-system","version":"1.1.0-beta.401","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"dist/mirinae.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-template-compiler":"2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-plugin-eslint":"^4.2.3","@vue/cli-plugin-typescript":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-jest":"^26.0.1","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^7.20.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.0.1","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","sass-loader":"10.3.1","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^4.0.1","vue-loader":"^15.10.0","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"},{"name":"Sungmo Jeong","email":"tjdah0853@gmail.com"},{"name":"Minseo Lee","email":"nseolee@gmail.com"},{"name":"Yongtae Park","email":"pyt4105@gmail.com"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"dbb07a7dd2ce43426bf362cd0e8e86ae3fc7e392","_id":"@spaceone/design-system@1.1.0-beta.401","_nodeVersion":"16.17.0","_npmVersion":"8.14.0","dist":{"integrity":"sha512-wBx2qe2T4pHjsNW/JvrX2ZbE9TDZfsIpF359f9qWFFvts1VkIOdzK5F+yhlQ5T1ZWYnRtDXjCG4+sQgYjnGZLg==","shasum":"377aa417a42acc76bcadf5ec44a56c8c6e5ff71b","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.401.tgz","fileCount":1419,"unpackedSize":64474319,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDP06Efanc9cXZ4JrJW8llarjnq764CQh2w+QhxfL2vFwIgaTqn925HH1Fbg0iJ7PinLQd1vjZl2ThF+OywFaLWc4s="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjMm+aACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoBgw/+NPC97Gu/fpmpYBRazTtTKPuhs58hykXohoh3jscvUf1SrgFG\r\nBTfPbMNLEyG2P3JFXoIREUZVVTqt5pleFxH7huRtR8knfkTlYplhfOiZZ09+\r\ndtAzULbRgS3RzmmkIoD0KeCfTFYDqD/2yIYiXPX+iSePcyH9WAUXKDB4ECtZ\r\nw4peLwYoRxNzYrfWrJdMmXhrGOXpQRJ6iNeFheqElpIX6oHxR8KsDmiBwNGb\r\nzoPYHkRSK12CKsgDdNXgJG2Z78FSOxPebqwra8dyNIrQBkeGPpKvViabUlfm\r\nKdIi4WXxAa1/qOBbu11yiEJDluCSWSqO0+WqsFEPP8fMr7WGuCHoCfIqRbKK\r\neUrgAwU/cHGYDC50uc/56Fxij8KQMcJKp7IJos+j/FPWWAjTWpWwoXHZR6g9\r\nRruWukQZUjonIEUxw2owHzYDsCBo1uiI+kle0TQAf+R81FFYoiPDIVnJp9/T\r\n93kBPfGiAkM8hXW1QgHgLC5Vk5jdK5+J+PbvCjPOFUaAkSFzwhQpXSLS5a4J\r\nYAoIdnB2RCxL6hzQauwvIaUtPWBTbZu7ZtriC3CcqQL0N1WnnxGQqbyd2efZ\r\nDgUqkaAkypymiA8gMpBTF5XVPG3ZaIctm7xTUGBmbd/qLxjp0Soi4b21JJzY\r\nQvW639AG14pPS8AnZvG+evxh/giAc5Pw1Ko=\r\n=YzFq\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.401_1664249754260_0.7613247408522221"},"_hasShrinkwrap":false},"1.1.0-beta.402":{"name":"@spaceone/design-system","version":"1.1.0-beta.402","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"dist/mirinae.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-template-compiler":"2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-plugin-eslint":"^4.2.3","@vue/cli-plugin-typescript":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-jest":"^26.0.1","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^7.20.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.0.1","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","sass-loader":"10.3.1","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^4.0.1","vue-loader":"^15.10.0","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"},{"name":"Sungmo Jeong","email":"tjdah0853@gmail.com"},{"name":"Minseo Lee","email":"nseolee@gmail.com"},{"name":"Yongtae Park","email":"pyt4105@gmail.com"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"9ab6ddceb1c5adb1ff9ae418c5e9e052aa6f4da3","_id":"@spaceone/design-system@1.1.0-beta.402","_nodeVersion":"16.17.0","_npmVersion":"8.14.0","dist":{"integrity":"sha512-w32wlWT3qrAIdK8BgBOxnAu7rFp79TWL2HqVdM9tG4K3WbjwoRVhimrpgkgXEnNpV8tgE4hyMWrXqD8NexvcNw==","shasum":"f23c70f22a76d9191520ad04be2452125f4d5517","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.402.tgz","fileCount":1419,"unpackedSize":64474323,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICngKz8otejRBkoHKLXGo+4qoUDuVVPNzKkry4HAKTzlAiEAwixDUzaNj12sraZ60y25MbudAlClnU3iUWYo6kIy21E="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjMnP6ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpaRhAAnLmxLd9pkLdCyAD2ATM2DA+hthKtO/7w0fRC7vjmgplwkrV7\r\nG+lyxL2aFWrbvKfj+zwUgVqL92At/JGgQE+HgI9/HP4LiWbF7ZeyF2stJZSd\r\nAF0FJaDpbAUJCFOgHaOnJAdi62DyAAdee4+yIhdEwEUN76os7SPaGTikxCFv\r\nIJk4frR0w717C6vRBgFetWtERgxrueU6oYKFvsxgZ/Kap+Wj4uPAE0vW88lY\r\nG51p5mwiz+doxUE+nI3/JmTjq0sZXmoyOSeWVBdaXjbO+MK38edjytgGMWnB\r\n9qKawkhqGwEnwZ82DqNWqUoAYUusfrs4XUsJ9pekRunUuGlgLO/gIuFsceSZ\r\nzUYHjrd9yfxYAg1UOVpJXXt2mr2g+jscJCr503Wx34V3FRqxMGUNxddWjYnY\r\njChz121p3O/bw4bQXMlJhe84h6w2QPwbI0kIdZ/wOIajn24RKIV1jjpREgsk\r\neIdMJIWITznbtuxeuUDQXyKGvS212aN+kxel7UOD0csINZIth3H9QEH5O+4W\r\ndiKjdgSIBA/xxbIEZkH9eaDS5TOlzj0fZ0Zlr2qGUjFnnFHH49LaFB858ScT\r\ne4ksVuTAwpixKQgOWdtoGK6o+i5gA33ZxmTjUW4THlHwH5eFZdC0dfVZ0P4s\r\n8UmxXFDwZTRUHKyRiRICkW5si78NYHIzWCc=\r\n=Hvpb\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.402_1664250873971_0.3778885863907582"},"_hasShrinkwrap":false},"1.1.0-beta.403":{"name":"@spaceone/design-system","version":"1.1.0-beta.403","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"dist/mirinae.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-template-compiler":"2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-plugin-eslint":"^4.2.3","@vue/cli-plugin-typescript":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-jest":"^26.0.1","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^7.20.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.0.1","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","sass-loader":"10.3.1","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^4.0.1","vue-loader":"^15.10.0","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"},{"name":"Sungmo Jeong","email":"tjdah0853@gmail.com"},{"name":"Minseo Lee","email":"nseolee@gmail.com"},{"name":"Yongtae Park","email":"pyt4105@gmail.com"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"07c5aff042dc0d34594d88b9e4b7d06ae38f6fd2","_id":"@spaceone/design-system@1.1.0-beta.403","_nodeVersion":"16.17.0","_npmVersion":"8.14.0","dist":{"integrity":"sha512-rHTIkxVlTI1bAfDOgN2mZHl4yHdVbgX7hwbZJ9TGuV4wCbzxbpEE1mcTgxNwYefLdf6Pae80ut9z3u1nV1zhjQ==","shasum":"cc8ca468502b32cfa5fb07d0d38ba7145014b784","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.403.tgz","fileCount":1419,"unpackedSize":64475574,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCjHZsAQhz27pFOTd4otuiiw2zVOTjy3+WfqsMYVouwswIge5EcRM0rvmkPfgRzr6Bb/GxBfr2WqY2zUTyWP3TGDfk="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjMoRGACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmov4Q/+MpYfVa9cvJzPug3YEZks7ysYT/OUGRERvDbv8iwkOd8bEs6o\r\npbQI6JzI5wj+QM+eI+b3jJ9RVQ+CNYAX0TOwh8fBlKsGM0/9YHIiKKXHrfj9\r\npaTqLbJ3HQIPn4iF3Y6Ce8qYUTSrZPeE7HqDoRt2tFNLm1a9Yo0X1yWT6rny\r\nqWcMiZP/QhqB9TZS8Kn8KKeiWiKqza344feEqXKV/XxIa5lttNsq1/U4v2rZ\r\nL+66BddwY5w15kkV+FJQRV2pUT/qBF+giQQzr0EZYNHV5ksG5n42oJx7l5Bm\r\n0Juxmk/MwfIlZUo08pSpc1Jo/yUl8LDsFkI/O0bmFMGz4R/QSpfNftr0PKYm\r\nO4NCzXPGJzjrBaQufMaw8KEWd+o15Sb5gWmmkB44vudw5n/Qf5z7H+CH73C2\r\nufuKSbdt45uvTBkJIBiUgK40Sqoi6GsDc7mEGrBqxG3x8hH1wuTJkw/QKPiM\r\nqgOTNx5gDdpy/FpG8jYKq2sEM9OMY3oQIGoyt02kgsGxch+FAbwXzYXpUcZd\r\nuiMkbRfiAM4esyscBLodyFVB8Kqec013p2qUNTGsEQobo/yjnWTaooxWW5Lj\r\n6E1uUfQcW5GfiBYtZk645lmpr2VMsvCO0OpZCTNhc3EHo/r4RslnZVoB6FQ4\r\nKeUtbTH4qBg+H9EyGYoOHGyU29dON7RWMWg=\r\n=Tpk8\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.403_1664255046171_0.8476082374740401"},"_hasShrinkwrap":false},"1.1.0-beta.404":{"name":"@spaceone/design-system","version":"1.1.0-beta.404","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"dist/mirinae.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-template-compiler":"2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-plugin-eslint":"^4.2.3","@vue/cli-plugin-typescript":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-jest":"^26.0.1","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^7.20.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.0.1","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","sass-loader":"10.3.1","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^4.0.1","vue-loader":"^15.10.0","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"},{"name":"Sungmo Jeong","email":"tjdah0853@gmail.com"},{"name":"Minseo Lee","email":"nseolee@gmail.com"},{"name":"Yongtae Park","email":"pyt4105@gmail.com"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"6e455d098d2080a3c998782d8f8e302d3c5a305e","_id":"@spaceone/design-system@1.1.0-beta.404","_nodeVersion":"16.17.0","_npmVersion":"8.14.0","dist":{"integrity":"sha512-vj2Uq2oZUh1+SjPmfubJZ+O9+m/EY/g18BNtwN0JQJmVe3xX3z9Bd68U2P26av9k42h1e7onuUUabpuqqjBkUg==","shasum":"57de7d1b9944522cf9ebe810330b0c0c10bc66d3","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.404.tgz","fileCount":1419,"unpackedSize":64479340,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFetLUc4dWtt8LG0bvOUtS45OYv2ES8G3AW70Mce3r2gAiAhlnoTGbklVjUfC4ghXOpL8ywuiV0Dk7lVYSbDgaJyVw=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjMqotACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrlxhAAgSNiFLQ0M+shvO9MFyswPHWuPf4O1JhMaSDkoCLDOzUTJYWF\r\nNgJroLPpAjwcGLX4Fuf6Idj/bqAVHHhZ2RrROnPIWouzRAuY98ZG14mwun9L\r\nBP3EJ/OFlbv9wiqCt706vyOQlrcZVbm+zYOZfngIOU9bUwB7/6RyfbTjtyoy\r\n6QRBjnDrJklWO4d+CaMV+5uGHkRqNItyALILhLjgDTLwALWIGaNRp089/E4C\r\nniQakt+7ncqpf/gFsNdvvJrwKPcjRrdOSRSGXB/UBgeUCcEyJdzXGcWsyUpS\r\nk60k+9vU/m85vccXOVCA+SymKJ/Pp4g79iybaUW9X50edtOSOfcliMOHGRR5\r\n/uyiJSV1xLpc0qpmHVW2x4IQ9nGDGzhvGjKUSpIJ6YGuF6Khk6tX/mCaAcrc\r\nEoRP64lTjmO/NGBVz2kZxjftC5r940ssXTx2agCfulxw9s3PRsYD4WUHc5fR\r\nG270kUIsIYGWyU+AkRcfXqbtqqhSSYRK/RYj8dQy0UWHdQ5YwcxnSRZ0YnWL\r\nkvcOPspPA3U3lGVRU9YHoqIidOIu9ZbPjsh/+FmbC5mGG+I4RjpFtWaPzCxn\r\np/BMbsXJ2mAD5+027bbiJfbiL4Dv4n+hDVi8vR2baWUaZK+Vzx4VETMUow3d\r\ncaFPr7NeNh9bdHL4qGfTCOxttjqkVo/8t9Q=\r\n=DxTu\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.404_1664264749266_0.26955393626568225"},"_hasShrinkwrap":false},"1.1.0-beta.405":{"name":"@spaceone/design-system","version":"1.1.0-beta.405","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"dist/mirinae.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-template-compiler":"2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-plugin-eslint":"^4.2.3","@vue/cli-plugin-typescript":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-jest":"^26.0.1","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^7.20.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.0.1","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","sass-loader":"10.3.1","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^4.0.1","vue-loader":"^15.10.0","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"},{"name":"Sungmo Jeong","email":"tjdah0853@gmail.com"},{"name":"Minseo Lee","email":"nseolee@gmail.com"},{"name":"Yongtae Park","email":"pyt4105@gmail.com"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"1a8e3601aabb4aa4cdc140cd208337bff45e86f1","_id":"@spaceone/design-system@1.1.0-beta.405","_nodeVersion":"16.17.0","_npmVersion":"8.14.0","dist":{"integrity":"sha512-P/ATZ1oVdbByGMhwEG+uJ8F+D76bH2F35peAz9cOfe6p36yKARv96krD5ugffb20MAF3MZ2nAnRwTQ+hr4qubA==","shasum":"380bd5b353709a60758f2c679ee784064a021317","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.405.tgz","fileCount":1419,"unpackedSize":64479345,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCkrSYZvlozdGb+bwjwNqP64CfvOTT/faM9eGc3FgUJ4wIgMN3LA3FYVKq38JL3jgdjiUluhyhAHr/A13JOnlt3gy4="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjNTD8ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmppqw//W512N8rC6spNG5KMmX32iSVllvM3pWoddbEy6OEbutC0pmg0\r\nvFJBfBXyCq1dPS/V6CHaShNWaYP3Y5tkkc7KLDrdLB3ZvJIaTr1HAYEZFyqb\r\nT0sty7535BTsoUYtj3HjaurxTBkHRjHuW3JWeMikt7GchM7K0EDtTK9c1XOi\r\nuNmTLpD/GFBU9Zel2yWnhTUa+D5YmSUDAiZk9VOup4DT81NvOO5Otw0aPZb4\r\npq12az47PV4kOvaIXxs3P/47ZUPFaAhW2Jnf7k09JZfUKy3O0YslGOAhkp/q\r\n2lD9Fh50xMufeLleWVf+LwdgI5ofQll6TST8AkN0bABo1bpx6r8TX6kLemf9\r\nZcp8ALjv3Tl5DU7kFCyl9y8xwolMVQJ5Dr06BDAPf4m8Ge57XlwL/m0wdXrb\r\ncRFilZLoC0Xit7KogLfD1m+hWlvhcXBVtz3rSDC+irR/g9bYlChRyEKMPhZq\r\nnvG4meQZ6ZJJVi2SX2tY0PKLfwSZa5jWCxoDdwaPJsn5knNSp64LnyWlgTQd\r\nZgRTWV8u/BHV/enF9xgCANwb88I8fnra3WXT4O177fn1/tprqRtDpSETURWR\r\nJPbAZeO/2tNMohjcZ7QOsqUkxpqxjZXQeTtegqQpztWKkHxy2tg3rEl5v1Rz\r\nu097DQhy4PPuknZxBKTUhRcDx7vRZdA5Nfo=\r\n=7wrH\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.405_1664430332416_0.6456327520380158"},"_hasShrinkwrap":false},"1.1.0-beta.406":{"name":"@spaceone/design-system","version":"1.1.0-beta.406","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"dist/mirinae.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-template-compiler":"2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-plugin-eslint":"^4.2.3","@vue/cli-plugin-typescript":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-jest":"^26.0.1","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^7.20.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.0.1","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","sass-loader":"10.3.1","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^4.0.1","vue-loader":"^15.10.0","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"},{"name":"Sungmo Jeong","email":"tjdah0853@gmail.com"},{"name":"Minseo Lee","email":"nseolee@gmail.com"},{"name":"Yongtae Park","email":"pyt4105@gmail.com"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"639bb448a5086750632ec7fc1086d34796ba379e","_id":"@spaceone/design-system@1.1.0-beta.406","_nodeVersion":"16.17.0","_npmVersion":"8.14.0","dist":{"integrity":"sha512-3dScLSLQbY2AE85aE+YNZrP6S2PC9Y7OPEvzdvLYSlvq93RhLj0zJawCekmnukzWzsxqIn8FCWxjbtyrAbDmJA==","shasum":"81ef7a7762812b56706daad6f4b4bf290c06049e","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.406.tgz","fileCount":1419,"unpackedSize":64480836,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBmM32rXyVdOBZ2hIMgnF3FakzEh4Zmy/fPmgOVLgeakAiEAhyh059pUux0rvickNYIBKBHA5ZvZ/lw8blo5s+8pJ1k="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjNUIQACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo9tQ//ZFwnx4KDh8+28dXdkAcb9AQXQeu1lxU49KwIwGB+Wb88owgv\r\nqWP0j4uiNL1wXmlQijt+iaV7n7CxmEmq0TxmNAXpFqHdJEnK3tC9yRebpzRK\r\nrlMNfOlWmFmN1u9eWBNV/VJhIbpAlmXORYswTlvkOdbHmUV52kNMuvqeAwcW\r\nHUReXiJMF258Uxd+nEbPivowuwNenfrc6g0ZKDp/+rFHvyYGqrkUAmUqiU0/\r\nu4kIqJ69+yNn2fXr+bAdf1+cYBztyOLwla0zRXp1eO4pcmu5dVeMXpv+Iqyd\r\nSz6me/5xwRI5dSnNafmNw5JRZGt4qoAnaBOrRiFQUQKXOaMAlG9H/ddJ/GcZ\r\nVwg4s5DR38er1T1st1hc5R1ToVov9u9PFTGXvn+kmnFNHB7FWfUdGEcpToTh\r\ndMUdo5QjbpmYwTn3gnho1ZcWZB7+06Es47OP0AlQCzCagmbLs66Ti3MUBJxG\r\nkoEOu+6bBp8VXXxCQY2T50nh9mou02+0UVyRczssWlPICuCZ1arJPMyWLdfj\r\nIYuloyK8PhrC2wdkxYCxuXdihsriMhI/2X2+B5XtKMDsrkpcH+V0ZeeKmyu3\r\njr7YI6xRFAePnLiAahBB3snZMhFYu62E374G4HuUaxGImF7WDMk01PQUUoCt\r\nl+dQqb6/+1b9b0urhhFl7Xz7535s6n82/Rs=\r\n=QFMO\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.406_1664434703649_0.671001054393531"},"_hasShrinkwrap":false},"1.1.0-beta.407":{"name":"@spaceone/design-system","version":"1.1.0-beta.407","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"dist/mirinae.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-template-compiler":"2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-plugin-eslint":"^4.2.3","@vue/cli-plugin-typescript":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-jest":"^26.0.1","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^7.20.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.0.1","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","sass-loader":"10.3.1","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^4.0.1","vue-loader":"^15.10.0","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"},{"name":"Sungmo Jeong","email":"tjdah0853@gmail.com"},{"name":"Minseo Lee","email":"nseolee@gmail.com"},{"name":"Yongtae Park","email":"pyt4105@gmail.com"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"fab9abe5657ee12c7cf25fad5ae5e92b5ff5021b","_id":"@spaceone/design-system@1.1.0-beta.407","_nodeVersion":"16.17.0","_npmVersion":"8.14.0","dist":{"integrity":"sha512-/7EI4RrkDb15qcOEoLoFj8uj9RkBBFFyhYq/JAF4X2/mXvqx3EakPsQeCEAM5DQrUMnT51a9gI6UKJV6bMEc0w==","shasum":"93fac83ec61334fdbf8906927854face8305d245","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.407.tgz","fileCount":1419,"unpackedSize":64517286,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC2Vd3/B6UfOnd80NYunBuJxn2lZc1KGGh8UUFUjej4lAIgBZDEDenL/GzTf3NOvJuqnUr7Sy2ZmsIausa9HnU6rfo="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjNU/1ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqLpg/+ObuW7hOGROmkVQ6nVNJy3+NZMXgoA/KSY1/pxjSXT3ud5Fuv\r\nOG/rgqP/PE3orb0BFz4QYHr2TEdn9Bs/maa1xJFzPWU20Krv2TTEu7VIwXqP\r\nIE9oMqA9TCdrHuCSQjgoDrVRH2VacwEaT445QVE/Khg5kbMlLuF+TtkxaK1a\r\nqF2G7N00d+7rVefcUbMhDLVsYR/v9mVbwUBJP/i1VEBpiRjARVRtnvUKbK4/\r\nkZy6ubrgjSr3pxX9kmENldaKLlp3sZoi5UueQH63EMiSU6j7FvGNt2JiOxPo\r\nbDv0/RXciosCq0zmzAMXBBH69hCUoecZRzBUhwGligIfSk4H6Qho4pOKT0eP\r\nJcIKp0givhbrTeifERY16iM+DhJQ2jk2O5RpxZobpQI+mh2ufn+UWFkMHvBB\r\n0DzhPkm+q0X39sutfyP1qttHCKdIzWl+7dPVsu0e7BSNLfOaH42OaVk7wMSk\r\nuBWrg5ITcrkXWyyZSXX9uQgOl/iIkF83EarlgV8C9vKxhiNJ0EDviQQakDvb\r\n1KBvqTUzalO9UfXFu3IBlb34UY4tkB+uvyhPPjhQ5yadvt9853aHjIraAM8m\r\ncaVeGL1quPHf/gaEVxWOOhfToHhnQH5NkKeWvGc5/Mb+MbFp+V6DBLL7GiiZ\r\nsFijXsRw8efXOo+oQvFtKhPReCsWUu1ugKQ=\r\n=ApiU\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.407_1664438261116_0.42136128823076846"},"_hasShrinkwrap":false},"1.1.0-beta.408":{"name":"@spaceone/design-system","version":"1.1.0-beta.408","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"dist/mirinae.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-template-compiler":"2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-plugin-eslint":"^4.2.3","@vue/cli-plugin-typescript":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-jest":"^26.0.1","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^7.20.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.0.1","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","sass-loader":"10.3.1","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^4.0.1","vue-loader":"^15.10.0","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"},{"name":"Sungmo Jeong","email":"tjdah0853@gmail.com"},{"name":"Minseo Lee","email":"nseolee@gmail.com"},{"name":"Yongtae Park","email":"pyt4105@gmail.com"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"12439ebd8ad98b79dd55cb623d2ce22cc9da13d2","_id":"@spaceone/design-system@1.1.0-beta.408","_nodeVersion":"16.17.0","_npmVersion":"8.14.0","dist":{"integrity":"sha512-Ito3Pwx+azTZ2ssmlklafIi47v+G/meQdtz9FkKTnhIhPJbQKpwtITU+7JJYeFIiv/xQJ9+e+AHOT5NSNzcHAg==","shasum":"67cc358fba41c34c8352e30c5517cb6e9e741be3","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.408.tgz","fileCount":1419,"unpackedSize":64517301,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICJP4bo+0IZ2JRvQ+21kK4urPTZxpw/h5n4JPEopfGW2AiBfsFdo77QVZHpA8gFGHCzqsMOd5w4jPFU/H6/6/3wZqQ=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjNjbbACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpFUhAAiJ9ZsCuj85HA5wS2m9BZE8dYrILNlj/I6VoXA10t0SS1H2rK\r\n8Bnr2KOSJef6klIIUJ9QQPPCt6rDb/ysMfMRHHeGsYufFdu7RgwzKBdT+CFo\r\n6XjwejOh2d95DWCyj5AM9S5C4xgdze4gLcEfUTQAJV9jkHf3qHG0deX6/Cc+\r\nAAxY0jzsfvx8Cmqo84H2W5gbBWofiPFP99wENGExhhKIeCqXqG7yHOcS99hh\r\n7W623FPV6pYSlNt0ql9FRpkXxR8VmbnvYYJH+mRLeN/c1MHykwMehhGRxoIu\r\nKrVOzl8c7CSae4Vs/ory7WbfMlL2JhFHzixAYadjr4Weh3Ng/5bLZogeACZ+\r\nYfbk/CsFnsW0xBp/YS62qeznR2bxwbvNi0fKZmcI6Zjqe6SUfw87iND2fqNE\r\nikqV/0G1pILeqeqsKDLRLonmNuSfTNMBuDJZMlMuNKxHP/FBfaNit278au9e\r\n+pSq9QYUGcTvj2DRlRMD3ob1HpnCHy3g7H2d2klYf4CGjVcLf2XwHPQLysC2\r\nR2tR/AT8D5omIjDGFboF7CVqYwppmDcXr90NfrQ/ifnnO39dMWXasgBZDZc8\r\n9i4xHrI8zsY/LRUbpqYcpQ/kJDBaekU+aGTSJkImh41+tCT3p1fXPkAm23ht\r\navlfsyGR9M3ZXY9Qq2oz2dzeAs+xi8NvHsg=\r\n=0xFh\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.408_1664497370668_0.9357880622622632"},"_hasShrinkwrap":false},"1.1.0-beta.409":{"name":"@spaceone/design-system","version":"1.1.0-beta.409","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"dist/mirinae.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-template-compiler":"2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-plugin-eslint":"^4.2.3","@vue/cli-plugin-typescript":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-jest":"^26.0.1","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^7.20.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.0.1","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","sass-loader":"10.3.1","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^4.0.1","vue-loader":"^15.10.0","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"},{"name":"Sungmo Jeong","email":"tjdah0853@gmail.com"},{"name":"Minseo Lee","email":"nseolee@gmail.com"},{"name":"Yongtae Park","email":"pyt4105@gmail.com"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"b38ab024761187e78058e78fa075e1d39b7f0acd","_id":"@spaceone/design-system@1.1.0-beta.409","_nodeVersion":"16.17.0","_npmVersion":"8.14.0","dist":{"integrity":"sha512-eQImnrRGao9b1SZFWZ3e0KIhAsfu3GwnXe6jpMqa4jlPJRT/C/5ZBzOGcfap6ur9ufEJbwYkJX+GuFKzmU82Ow==","shasum":"1cc9136e7531aa92c6be26a1efff68f0445f0442","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.409.tgz","fileCount":1419,"unpackedSize":64517149,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIA0+BkfbC7YuHeaisx0r75NMACAZRB/0PMz9YFY3bFqIAiEA6QFr2V6r03fn/nAS507EuQ6MSdx8TtRPe5jJzoeD6K4="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjNo46ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrhWQ/+IJLWz0HKTsMbXYnxFt4TmqabAuzeu1KL7Tnu5YfwnqfLYtYr\r\nijZ+Y4lsLNs6m5Pt9iu56IJUFmsEF9LoZ85bfxPmtqcKQPs6lcOAld1q7YHd\r\nCvJWRDmUDLOVNdO9K1aaEMqVe5+FJMS6nDNiKIjch+88/1X6+QFZgU9JmXzi\r\nER5q1W5Nr2o+LtV3b4c1Ces03uaIZ/ivpzxMXf0zeKZ5x6CqsLLOnyte90Ek\r\nfq7/VTzMV4VegrUJIZQ0goIPp2B76ZEFHBNOzEF87eH40XbbIsFcWnJaixfu\r\n44WSR5wsnKNWMi925i93JzfMiXmACnMChNEsCKObgrhdIj8eDfw0wuBpGtpI\r\noTYTL9JXydN6MKBGm/dsQZaqdMOAP3nrcfgoEhQq36wX5tlUNUfRzcUeJfLX\r\nAGykfU8lNsdTVONrJhYABdvAqxT3ucqLqsrNGttfUZpBMwMJXPzGE0yD05WU\r\ndds4X4Fnx92JwzA3aPdLOkPXeAEPGWTrdBKX++mkKjghrPslEZG0HGYICNLZ\r\nCZpMfGkSjbEHOY8HWLGJqduigZzS3Q21seInAX0RYMC16wWwJEkqb1JDEXYn\r\nGkBVmSIdmSdZTozrk5wGSmdYyH3D+pe/UezO2VU6EIf13zkHcOIFbhRDY2W5\r\ndFO/YrBSoqkgKcxhQRzSM/jXmptyvF0dbRc=\r\n=leSF\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.409_1664519738423_0.4796636688831928"},"_hasShrinkwrap":false},"1.1.0-beta.410":{"name":"@spaceone/design-system","version":"1.1.0-beta.410","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"dist/mirinae.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-template-compiler":"2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-plugin-eslint":"^4.2.3","@vue/cli-plugin-typescript":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-jest":"^26.0.1","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^7.20.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.0.1","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","sass-loader":"10.3.1","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^4.0.1","vue-loader":"^15.10.0","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"},{"name":"Sungmo Jeong","email":"tjdah0853@gmail.com"},{"name":"Minseo Lee","email":"nseolee@gmail.com"},{"name":"Yongtae Park","email":"pyt4105@gmail.com"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"b4ad00d22bceb12b842b568894cd37d2a0647bfc","_id":"@spaceone/design-system@1.1.0-beta.410","_nodeVersion":"16.17.0","_npmVersion":"8.14.0","dist":{"integrity":"sha512-sBXenGZvzfIQFlV1a7a+h+lzzExAaiHF1eHMYDpEjkx39mAsux+0ms3HHeWc8e3fT6iS9HIFVfU/lenRGp0eCA==","shasum":"87f8a2bcc8f890957ea8301dcc6affa28eb2c161","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.410.tgz","fileCount":1419,"unpackedSize":64517055,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICVRS5E0X9nY4m82n6yjBhsznEhrV97CFER/NU03iLReAiEArWbRhbftKzJHf3DQ03gO2/fimsZ61TY54zFUw2+nIr0="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjO7GtACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo9FQ/+Ox2CIdLQe8LPVs9wUo10lNrkI00yH0vA3JduFy/1GnY2oMgO\r\naSY8ga8MS3dJvXzFGpWRW8pkLrq5DXRgqDnucGGsLwyMNGpLg1lLHThxOCMr\r\nLdZedj5CpMe7fUawCvvHJOnJ9kjGj/kzLXKJaiUknGcH9/zlF/Rqwx0LxyNV\r\nAwBorJXrdNLRnovOE8bbEGbVcutbQpnfPgDu26usk+F9DEmeH/PXedKt/fM9\r\ng326gtEhKIAgQyFOPdqo9YLXrTD5/wJ3A9Bn5bcYYkQSoMgynSEhFBO8qgFP\r\nd0XAffDBBLVh6K7JCEMvAyUeLDFkPfxo01YcxqglaA1dbtS2IGmuGCu4wyYG\r\nLW+ri8lTpdzP6Ewuhbt0TxFqKdWCfgFuOnw53CZeyWtweom/jcbn+hH2KEBt\r\n16arDa+iFmpeVRKzwRM7UMCmv0fUwZquJKREiqShcb6e1Ucd4GijotJCt3NS\r\nYoVRiZNHQsnGkuHm324tGlATi+huwDfD3zNKyvgWk/EBxKGBvtIeRHnmicMA\r\nwMxn44Mc4hWQdo6pQWbfLGveIWccWWYAuVX6K3FCw8xX03GrMCiCjd8Ku5QU\r\nMSAlYtYa8ANvcSSmmEyiecNQ1eC6doBXxmcCfVUoqs/6AYdpwkbRJJn81G4Q\r\niR/3xX9vKMP5r40VF//tZrkC+FsfxlYitWU=\r\n=2PPA\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.410_1664856492529_0.6257219412249331"},"_hasShrinkwrap":false},"1.1.0-beta.411":{"name":"@spaceone/design-system","version":"1.1.0-beta.411","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"dist/mirinae.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-template-compiler":"2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-plugin-eslint":"^4.2.3","@vue/cli-plugin-typescript":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-jest":"^26.0.1","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^7.20.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.0.1","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","sass-loader":"10.3.1","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^4.0.1","vue-loader":"^15.10.0","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"},{"name":"Sungmo Jeong","email":"tjdah0853@gmail.com"},{"name":"Minseo Lee","email":"nseolee@gmail.com"},{"name":"Yongtae Park","email":"pyt4105@gmail.com"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"0e7bf95ec0c4e8135bf3c03a034017c9f68da7f9","_id":"@spaceone/design-system@1.1.0-beta.411","_nodeVersion":"16.17.0","_npmVersion":"8.14.0","dist":{"integrity":"sha512-csuwy2cd267coifH2Y7utk6JHeoqLzWUQ96XrAoHToGX0RnbWCm4HMtWjqyzrH6VRDJzfGjN1Hth+393Q0kblg==","shasum":"32d71ae7c5da0012f5b6ebf1dd42917979e90f47","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.411.tgz","fileCount":1419,"unpackedSize":64517095,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIA2LWKX6KrAcE0jNzf2i7L6NMKI/aTZ6gvsWzr8Q8N9oAiBzscJbJh5ZH5MuanG/+Ro1olQjuqgcVmCDROtQS4exqw=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjO/VRACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq2zw//Unc4A36crb9OZiSTuLWq6441y4dboUn3dyfc1eFMtTQ1YZWP\r\n30bXGi0JUHpMVAYVuguI23TbhMvwk72qgFqV0D1Ym2mQpmmujvZW+cFKlKbL\r\nhy6npE4G5qenTFLHW1gHrCz3Q1cgnjSiOjqQzrCr5Bs0hpz8PTAf+rw7DlWA\r\n7ENSI6dt9UkWp1my+Jl/CsD2/BkhhscaVXPwT5OOjl5IdUlHnufVo0UYxKrI\r\nTzxP5HSAw3Q3TjlJ/oViN8KV9M3ZLVa9vkmYSP5U8BUeWtwAuLVa9s5wXuYq\r\najYtqxPDKZegruGfhp2L3JmF03IpZSreQu3Aox7XBqj2O3CLW8jHdQruy5/6\r\nx7mQwgGUgeqiMNVCIlAoRUcOoHzdlB+i1f/fopZwepMs3TN2jAsVU03d1lxm\r\nwARsDRpBYs0rkuVs+E3UzGIV4XoOL31H5/nD84PVkldKV5+FjI4VyWJPYU1g\r\nf+OhpT1NCQCBa5CeowwtPneZUlBZSIlEkOvCr1/IiK7LuKLaq/s3DAY7YmNj\r\nsCSOxZxjejT+PdTp3pj7Tq267vFMkRDDY4w/yfRGT2LSWvRfVHbbwupIhLxm\r\n5kQdRF3qz8AE575TXphZ9XQfmuiBoJGqDASnWhDoRbP219DRYqOlsC8nzP9I\r\nWZqxwVyKRY5aRuTKzBTCZ1KZdg6Ip96lkG8=\r\n=8dUl\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.411_1664873809095_0.2384096108454974"},"_hasShrinkwrap":false},"1.1.0-beta.412":{"name":"@spaceone/design-system","version":"1.1.0-beta.412","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"dist/mirinae.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-template-compiler":"2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-plugin-eslint":"^4.2.3","@vue/cli-plugin-typescript":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-jest":"^26.0.1","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^7.20.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.0.1","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","sass-loader":"10.3.1","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^4.0.1","vue-loader":"^15.10.0","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"},{"name":"Sungmo Jeong","email":"tjdah0853@gmail.com"},{"name":"Minseo Lee","email":"nseolee@gmail.com"},{"name":"Yongtae Park","email":"pyt4105@gmail.com"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"5991a06fe5f3b21db4968c0a36c51e797be305d4","_id":"@spaceone/design-system@1.1.0-beta.412","_nodeVersion":"16.17.1","_npmVersion":"8.14.0","dist":{"integrity":"sha512-Fm1d2tdqiyv28XWygucwQP4fu/rb3skcayGMiIniWtgWw3B04o17tG2VZgk1Il0wQ45e0oRrZ8b9SCd6l3S4BA==","shasum":"800e864fe186d1691a09f9a07b7f32179085a5f3","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.412.tgz","fileCount":1419,"unpackedSize":65355339,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGQ5rIQE/oCx4Zfe+DZfVE1qFMQB1haMgMTXoUtjoHONAiBUbdeZOzh9GA214MRR/EF3K/lbjbUzIEd1rggq4ai+Qg=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjPjPrACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqhWQ//SFHT8dHPgGw1qXReGeErCZ8RQatwKPu+8n5/TGJt3TpP0uZd\r\nEbtpIIMmIyf0ElPT0xTtLz1OD52d5lYnGPpY8Q7AcnsL2vBx8d3JL0JL8sTl\r\nVMGqWgDHBPDu/WRfvTreKv9u7dO9deC0OzyFJuwslsIZ6FJJPXDZyRwCg9Aq\r\nHaBIX1G+Jwqe7l9ZVxj23GuRvNVFPhfT0ykSO0P43aG1wRO7FV7mXfDWglsV\r\nzshcHno2ENy/e3Q6F2okPt7wNVQwcfIFI0/VyY7L1kdMvAplPw3j+CP972sO\r\nm1/QXb1yGmpQ7zh3Nc8Au3EHf7hOz4tg9jk6PEXTwl8YhiGW2raydvjcgca7\r\n3LttvEDgeV4hGk9Fv7BUpdGD7ucBB+HY2wU2Ko8B1bjxIy4Z5gX1wLTDnWs+\r\nRFrb/ogh1pmKRrHk7GJpRBItstZ1VTi9dFxyv7psDS0o7fxSyOuSuBdibiBP\r\nJN/7B3ivZQ1UDkhQzwm4WmesM0Y3mZN52kgPmzoyRhdCYQIBRIxwJFbAaMcY\r\niS4gmYPyaCQsmDc87LnpFq++YyOwtE9+zCwAcEfgm+U1LrUTchmZxlOgzy1i\r\nKkPa3E3uWekt22o6tvwczMzAwY8HJoYv3qlghFaWGEChHiUYQMMjNY/KnDLc\r\nIpl6GN+VdatxeynzRt7pwSgDBNbKR1EPvfk=\r\n=Qu4m\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.412_1665020906575_0.4658038868203327"},"_hasShrinkwrap":false},"1.1.0-beta.413":{"name":"@spaceone/design-system","version":"1.1.0-beta.413","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"dist/mirinae.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-template-compiler":"2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-plugin-eslint":"^4.2.3","@vue/cli-plugin-typescript":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-jest":"^26.0.1","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^7.20.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.0.1","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","sass-loader":"10.3.1","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^4.0.1","vue-loader":"^15.10.0","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"},{"name":"Sungmo Jeong","email":"tjdah0853@gmail.com"},{"name":"Minseo Lee","email":"nseolee@gmail.com"},{"name":"Yongtae Park","email":"pyt4105@gmail.com"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"b7176347e67252f53245b121ab70b920de11f021","_id":"@spaceone/design-system@1.1.0-beta.413","_nodeVersion":"16.17.1","_npmVersion":"8.14.0","dist":{"integrity":"sha512-jJUIUnqwooyMLkL+5uD3IfOLEZop/LwyfZm4mMUt7+iLb3cAtJARGF6jEoYbln9QWdCPU1o951zaHtOWL/jggQ==","shasum":"523237a90d055e855b865b94ccab27e869f397df","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.413.tgz","fileCount":1419,"unpackedSize":65355387,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCU3pJIP0tTBvXjYalMBxfARSPCfXPuLvvfMdIdBmE78QIgLPvOLCxgyGfT2NZNM64yDjj7nJr63V8ETiyRYD+iEqw="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjPmGJACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrh1w//bSkBAWcp3AtbPOr65oAE/4AadUJX2cJCgb0a6c0KB+uNcNJi\r\ncvYr+IkZ1abAIwxjkbp9pKtCQCXSf4fyfDgH15L4MGQYRCSo+HMxLIOEhWwB\r\ngpBJui/qSB9cg3AP7obH4tKMtLDHhLnzYDhHiLwrRyo4ZS+7xsNK6HdWRnXh\r\nU0J7dFNxBJORU9BsleZL/YRiLqLI456kgTta2dCmZnthsEiR496iNNDHWdfW\r\n6Ak3nTUwUb79o8BEdDso+5vT9ocMaoBpmiS8LP7yHMe4JHhBxTi0H6nIJIZY\r\nshEArRzqHQUpwsAxLRQRvBmZxl/NLpKGHL754kHQ+a69mQzSktTEQuzlk/uV\r\nPrIxaGtDBa3Z7HNLx1kGjXmyVA78njOrXtvvf6e5udwBhg975BF+S0t4YrcE\r\n02fz16gtdzLXFe5jTrfJfUjHqA6LW2n702H8tdx1d/AkCgBvZyCHjMMYTAhR\r\nqmcfgK0k+A5eKHOv67Mr7NUaP7eNHObesz0R19+Gcj9Q5rJhv9X5AfDqpvE4\r\nc5WN4jmudndYI3rHBNU7bDPWndldJnXebLkUTqrg+SdeutIw8vWvFtBhKq5O\r\nugO4jbv3ZECdkHXM5imsYlboIiEVPk2Lzv7fBI7fNaESR4kkEAIvx07FkMSw\r\nxVu8Y8NnVuAKZyr2GES4kFjO68AwdNoJ3vc=\r\n=CQ4g\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.413_1665032584483_0.7648266957070387"},"_hasShrinkwrap":false},"1.1.0-beta.414":{"name":"@spaceone/design-system","version":"1.1.0-beta.414","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"dist/mirinae.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-template-compiler":"2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-plugin-eslint":"^4.2.3","@vue/cli-plugin-typescript":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-jest":"^26.0.1","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^7.20.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.0.1","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","sass-loader":"10.3.1","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^4.0.1","vue-loader":"^15.10.0","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"},{"name":"Sungmo Jeong","email":"tjdah0853@gmail.com"},{"name":"Minseo Lee","email":"nseolee@gmail.com"},{"name":"Yongtae Park","email":"pyt4105@gmail.com"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"732c4b7a129d871f54d13103bced7d5713bd2ee3","_id":"@spaceone/design-system@1.1.0-beta.414","_nodeVersion":"16.17.1","_npmVersion":"8.14.0","dist":{"integrity":"sha512-z3RDWbc55W51cS91k+mCoKPthGFiCBYWMJby8Ytvo4MVSxQ5lK2lLF6hcj0yOBJfLY8pe/FdFc++ixoOLqO9aA==","shasum":"1e83e1bf6dcd99924f1017b041c0236dcc7d76c5","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.414.tgz","fileCount":1419,"unpackedSize":65354602,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDrXJbfFiWqaJ+m2SXkT5gxNXwfwyIPDNd0hNgUTQnggAIgdcDo4ouOIdxYVY1jWMmcSA6cFTKc5c04VoxSe6IRHv0="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjPn5dACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpgjBAAojdNyDJRdjARmXKPWk+sl4lsgWExgSMNhs+CbkE3dAzYbuf7\r\n5mY9htrXk/b+mi+7/2BGd+cbzvbjU1r4T83ffYHPYmIEs07vnBAOF5s3PiNA\r\nhXwcor6hcVYGPXtgXfahoY4eIXjqHl1TV3SPUh5QGIAbCx1Vkn7XkNF51vyw\r\n+VA5sv/4zr0JuQGQbchQM1dSff4jIBVHYDTB334YGm7s80o9d1YcxTzX3I5V\r\nlV4vPoRX6VIY0F3M1QWciMXnkd6MiR6OSKvAsCWmdUSi2OmdWh7/QZRi5qh0\r\nkuhWJSHigxN6FY5NL62oJqTjtCZhBnpOhvOceowhV5pemyre6z3MVCU9yiVG\r\nVTe+XMmPL+416y6993SII0T+wG60XCi9521wQv7zpsFP7A70x92zcvMIBj2O\r\nV6Jd5MIYHd2Uax8LmYBNhU5LHQpiETDTXsuOgggx+GDGJwydONHE6XCcD8zE\r\n6Y+OShLqrqqFG1nUSSXhrZ7ziMNOE+2MFJlZCTrcMrNQIuozDEDYMRvs+hS7\r\nyJ5HaOFFHoZgf71O0iFeC9AMc+kDUfgxFnw+6VvGl5fssC3sAxE9FDtTVvbx\r\nFHOTx8SoDsdySMEYA6HE5ZDlq5Jl1JCjUcgfTXnZ539BORMdlTb5n5yJmV4T\r\n2nQBOR8oCuKn0tyC+uaR6fdRrnI6k4T4Sq0=\r\n=bfcC\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.414_1665039964623_0.45071314956746433"},"_hasShrinkwrap":false},"1.1.0-beta.415":{"name":"@spaceone/design-system","version":"1.1.0-beta.415","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"dist/mirinae.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-template-compiler":"2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-plugin-eslint":"^4.2.3","@vue/cli-plugin-typescript":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-jest":"^26.0.1","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^7.20.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.0.1","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","sass-loader":"10.3.1","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^4.0.1","vue-loader":"^15.10.0","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"},{"name":"Sungmo Jeong","email":"tjdah0853@gmail.com"},{"name":"Minseo Lee","email":"nseolee@gmail.com"},{"name":"Yongtae Park","email":"pyt4105@gmail.com"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"6532d74f0f676be453a873d6d43b00fd07330885","_id":"@spaceone/design-system@1.1.0-beta.415","_nodeVersion":"16.17.1","_npmVersion":"8.14.0","dist":{"integrity":"sha512-DsLyFsuLlwwJE7OUJ7r4VqS9BBIcIgHpmD3FDwSOYOJ0Z+UBUCkTVEK+z4xGCYGiLSEtgMPEnJbYbKVjjifekQ==","shasum":"af2b245031bea12bebbc8a955cef3c73c9976622","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.415.tgz","fileCount":1419,"unpackedSize":65354536,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDYhQlXHWNLJl4IMTn+aHdlA7pTmPOkMkfpUpf0Tl4HPgIgA5t0yc/Zw0gFt7agWOoMGsC0nKT3J8J+upxIKdirfPs="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjRmEcACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq2Gg/8CtUuIesWDkbmEpCmsy7DViWHUDo93fKYK/Gfhx8Ljqu9Q7wP\r\n5FeSwMhNmmaOrGBV7DWo/mC9mzkmCar3qyQs1pX6NDTECh+cIenzHmM4Bqtf\r\nqNSfyhZstV9+MpLIrN17WiVQRqmmjGpKjBGTwKWrpu+IU1N1RaPDtuSsg8cs\r\nBxs8wpp8CV8GxAPVmqhNm/+ZZ1mqyx61YJvoDMusJUz4JzF+HcjoWCFp+ZhU\r\njvzcOKmR7uCTeAa8RYSE5VNrp38WZ8+Z4T5wSRGMRGGunXn/o+EA/ikCWg/J\r\nSySyE1ouFio/W9yqw8YbYuu+2G6LTIZDT1HaoZmxP/ZnxNSnZpTNF2P8ojv5\r\nG5uwlaRTfVY6vyFrN29+HdRDIqzLO+ZfWO5z2wJ4D97sMqE2lyFq5FTGbAJ6\r\nn2ooYo7Xvvcn9hVgRvmNP7iB2hf0gU+GPEC9l32RF7nAeVPvI2m2Ayis2aF2\r\nHkdRp2q5YHnZuNsnmJEQ1QUt32c0IxazFtSCVH/A3QCYFLWl7UVmpUKv9+3b\r\nXSyDWFkf8e/xbMpGsSGQm3Q7TY3q+jqw1DqylH2nDoISp8G2C9Ot4/ppvOzn\r\nKJDzvL3/KQYoC/deCcfJhchH9lTIu8v+cDshHr3KcT3eNCh30VjClOEvho4t\r\nz2EsLTEQIZomp3GgYss50W74Vy9epAzED5A=\r\n=Btqi\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.415_1665556763545_0.8036029423200854"},"_hasShrinkwrap":false},"1.1.0-beta.416":{"name":"@spaceone/design-system","version":"1.1.0-beta.416","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"dist/mirinae.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-template-compiler":"2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-plugin-eslint":"^4.2.3","@vue/cli-plugin-typescript":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-jest":"^26.0.1","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^7.20.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.0.1","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","sass-loader":"10.3.1","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^4.0.1","vue-loader":"^15.10.0","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"},{"name":"Sungmo Jeong","email":"tjdah0853@gmail.com"},{"name":"Minseo Lee","email":"nseolee@gmail.com"},{"name":"Yongtae Park","email":"pyt4105@gmail.com"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"84dd3b94cd419944ad4940ef671f49b20b5a5632","_id":"@spaceone/design-system@1.1.0-beta.416","_nodeVersion":"16.17.1","_npmVersion":"8.14.0","dist":{"integrity":"sha512-U/NF9vhJJ4kzjl75c+wuLdzlTWlZAJ4Xnn/JKKTOiWh1DYfCVe7oOMwd/JioajkA2b8NrF82Ldftpp5srMTMRg==","shasum":"6c370b9c71cdecea260af1256f3345dbfc91eb6a","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.416.tgz","fileCount":1419,"unpackedSize":65353228,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFA++BymAPQEAdQtRzjr1ykJ5XkJcBduoHXBrQWqycA4AiAxRWXR200IYdQ0qHOvm5J+u9Va1jP9tnx4cb6tEyMKPQ=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjRmORACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrmDQ//Y4ndExA1zeX4kmiBcBQznZE7rs8kAasWR5rVqL95VWMg3FIF\r\nYUhBkfPfNHCxZOcsS6H702agA4Gc3+bv2Qti9/9uiv8f5R74ObknZXOkwtvG\r\nzSsLgOHVNpvxodXRoV7q23BgxfDNJwHLXWOiRzQf3t9L5EpRo3wQNIk6s7o3\r\nZpBuY6b4xmgQ88OtDay0Ir6uicWgb5HomyaWCViFtslX6Att6VNcoUoAq01Q\r\nNuIyQzU+MkBNcPs8jVjGamehZvkLTcbl+4l5cJC+YsqrGaYZzdpXj5qB1E6i\r\nMcbiGAk4agQyGG6upvXs0Jbr4LzcjVh8jiKCuAEbFo1K2YofuKtYEC8s8cQ9\r\nLoC+AXPobbfygqRY/vSuRxDvFb9mMeHwyqKKEYIPUNm1aEue4c4GvAxZ5Vii\r\nJD2aO8TCQYLkcs0Dd6WPWt/YYrbF+ZJf5bktqadIluHW/V/mOjozccKUFM8o\r\n2iOm85mssybzrqreYPqqYmGMRwfNxNP9a+GwlWISrQnPnIiBfHzFzoKtoM9y\r\nYp7EO057UjYAnk9UqjA/IrB5XmCxe9Ki/SUl3gNOp1Xz4bnlb6LRVBJ1dADL\r\nk4OgvWuzpaAf21eT9cYxT1IDiMUscHhHNIN8TB0qO20nN2KeTvhq+qHJhS2H\r\nVi2sCx3J2Dy58a4CSk3uODaR/JyUkKX9k7U=\r\n=BJEL\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.416_1665557393231_0.22228721507217752"},"_hasShrinkwrap":false},"1.1.0-beta.417":{"name":"@spaceone/design-system","version":"1.1.0-beta.417","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"dist/mirinae.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-template-compiler":"2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-plugin-eslint":"^4.2.3","@vue/cli-plugin-typescript":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-jest":"^26.0.1","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^7.20.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.0.1","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","sass-loader":"10.3.1","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^4.0.1","vue-loader":"^15.10.0","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"},{"name":"Sungmo Jeong","email":"tjdah0853@gmail.com"},{"name":"Minseo Lee","email":"nseolee@gmail.com"},{"name":"Yongtae Park","email":"pyt4105@gmail.com"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"2ec9274ba39bf7d58f216e4d25c7e59ccbc73022","_id":"@spaceone/design-system@1.1.0-beta.417","_nodeVersion":"16.17.1","_npmVersion":"8.14.0","dist":{"integrity":"sha512-jLdZxzkwvEbibp013EyawrqPxxYUvmVgpNfVjop3GRheT95xkptLcFUgD5VX8EUldPF1TEfrpumGXHxPVmt/3Q==","shasum":"6aafde9a9480dabd1475e75e5fb35f76736b4435","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.417.tgz","fileCount":1419,"unpackedSize":65346654,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCcflkcVhyGH9WZhjfbR/XherIVl7cv7dZs5ZkZWgT9hgIhAJHjUYGe42Wriw2q7WG5ui/YiH3wI0v6ffiNAJenWxz9"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjRoD9ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoXnA/8Ckldyp3Pa2Qt11pC4Gec8rZwK+X3H9oDOiv0U+GbSVBCQ7VL\r\nE7Agj6xMAelewaiteF9AoC9mYVH8mJgoOl1ufU1nbLnKrAx+Nn1xmEAv4p9Y\r\nIQ6nRUmyCDrq3YGFEwldgRZrQP0DFEqaeHTfF3K8z/fbW3/8UkJ+9BxTO82z\r\nG1yZdN/d/aGFPgu6VtsNYSx3uCKDxhalQ+5Azv8Z44sV1ea88zxPstRqlxS6\r\nYOCUaMp2ClrMBQ3Gi1Eui8cJrGFNCdEFxGfedOkv2qiFQdsRQziZMMZZF2Vw\r\nk0qLCmru4oMyVoSmrISHaECj3rpVyw0RUf5n9F+67nav5Y5ADt+TbRs6c8s/\r\nntjW3urZjxQqtN3AlxeyHPuCohYfjKfp5KGtBNogj5JGZlv0p6hlTZ1AagML\r\nlk2hNyu7InrSivZYOLKgrhpILnTl3NTqfbCv5GUi7QI8XdnhavXcCnJIP0T7\r\nqzc4VFKtOLYMuA06ZLyutLxk9eooPprnW4L7nYAn2hY5myQV6OQ37wMgK9Vo\r\ndVjGWh5amTtH59NWX3/eOZomDcNuVQSaIG89gU53pAsC00vlN0MNpeeuhuvF\r\ntHQmzz/VuvXfQMxpEJyHU2z+OlwCsrqN18KSTB7c/oNxcx58CTCRfRmpQGgo\r\nSOL0vovqwQeozWXL0hwb3S88FqB6pGUh9eY=\r\n=e+cs\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.417_1665564924969_0.1187969045734023"},"_hasShrinkwrap":false},"1.1.0-beta.418":{"name":"@spaceone/design-system","version":"1.1.0-beta.418","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"dist/mirinae.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-template-compiler":"2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-plugin-eslint":"^4.2.3","@vue/cli-plugin-typescript":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-jest":"^26.0.1","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^7.20.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.0.1","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","sass-loader":"10.3.1","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^4.0.1","vue-loader":"^15.10.0","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"},{"name":"Sungmo Jeong","email":"tjdah0853@gmail.com"},{"name":"Minseo Lee","email":"nseolee@gmail.com"},{"name":"Yongtae Park","email":"pyt4105@gmail.com"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"121a6015058f1c8f33a7860b697f0a5e34a4ca89","_id":"@spaceone/design-system@1.1.0-beta.418","_nodeVersion":"16.17.1","_npmVersion":"8.14.0","dist":{"integrity":"sha512-Ge3ofQ8HO072+xkM2jJKXy85YvDQUQ4ZrKcJU6FU+CR3m+UCsPqlFRCBF/wLuu6mYR5gkyWUKORGfs5z4rwPQQ==","shasum":"73c2cb74955e3b34ae4204966489e76a7a45e783","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.418.tgz","fileCount":1419,"unpackedSize":65346954,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIH1aIMgHg13uGF/ZczWcjeUzkrbUJwO0yrRmyX7Zmz5mAiEAhlX01yD7N/IM0mtIGfvMapopJutN9ED/dJBPySw9o6M="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjRqaBACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrWXw/5AEhQOviwupsDlPb1Ir2JbG6Vjyuvii8PlcRNeYdAkEOkO5Jh\r\n9+TbtWcW3qw+zD+DnGq7Hp1qJmxf6mChPYbQOxk3g1QA+IRnGRPiwy0O3GoI\r\nZCfQnrh5/I/goGHv9+1fqF6fF9U/fHmF6JtNTgoX2aF0vdtFg2T+onMuftHV\r\nGBEUw5r3Tg2Q7U+poTltdf7TpQtmWdE9j+jMv16y1Kiynt14HnrN2/uQ7089\r\nocg1dOZjBF0IWPPgTpR9AUyDwdfBapZZmUgEMWW5oQd8dh4LAADzSj5QFFSh\r\n/rTFkvd9lOYcfUbF/pOzx3ZGomAjRcjs4oSV23YxUqFVnhYV8Iwunt6bcZoo\r\n7SqAWLvgKK9l6w9cAXNmaTPZ6yroH6u9f4Wq7EKkwwIsRMI7sy54LRQbwd10\r\n8vb1bcPr9pNJuTbsfja3SdKpXjiW+z7r5lITpB7/gMRGUrGdeoP/Mk0r6ldx\r\nHV5iKsFvrhqOQoKCHvTdjUJYz/AQ59bwCK7ypJeI6SlQxlWOjBx1iy6Ype6V\r\nQJZndQbVfC/6vdZ7s5igP0WqofA+VQZp3Xg4E1/jP+GpGVQKuQ+u7OP3YaiC\r\nxnw0N2t90iVahqDkDgIZ4CDWy5hUh3l04J3A2r2lQ87rx4KRvoZ42ttjWHn3\r\nVo/gbEn4ZRB0tfyOQkuEg+K7f9iyAl4Qpcw=\r\n=jgia\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.418_1665574528683_0.8750074653933169"},"_hasShrinkwrap":false},"1.1.0-beta.419":{"name":"@spaceone/design-system","version":"1.1.0-beta.419","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"dist/mirinae.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-template-compiler":"2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-plugin-eslint":"^4.2.3","@vue/cli-plugin-typescript":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-jest":"^26.0.1","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^7.20.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.0.1","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","sass-loader":"10.3.1","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^4.0.1","vue-loader":"^15.10.0","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"},{"name":"Sungmo Jeong","email":"tjdah0853@gmail.com"},{"name":"Minseo Lee","email":"nseolee@gmail.com"},{"name":"Yongtae Park","email":"pyt4105@gmail.com"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"cc11b981298c398ac3d9e3e8bc7b57ae738abf0c","_id":"@spaceone/design-system@1.1.0-beta.419","_nodeVersion":"16.17.1","_npmVersion":"8.14.0","dist":{"integrity":"sha512-Mc1jBkGZs6m9zcUPfkaQlyFaPv378rAgv2dz0Pk0amnjdIZG9yOV8hmArSUkt+VX4SIjI+5brCttUDj+thmePg==","shasum":"e214076e6e1fd20827ac2d1b30b60b81233db93a","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.419.tgz","fileCount":1421,"unpackedSize":65356909,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIC6IcfeNC8rmhv0Vz5s/ZLxe8os1H5i8y/HpK04Bn7+FAiEAtykKzYjLhHZR4z8B6mIk8OtPqUHv1Zl4i99L8ANzDFs="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjR6W7ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoVZQ/7BzVw67l9uUih8WONzoqb2JDPuc0V0yKpr5GbtoG0eyt/UWtI\r\nnao5HjWG58QCWiPYenw7YS0WSpaGGs4J59O0VJhptdZIQigoaeZW3uM+hXhT\r\nU9BPQ908ivH8tYQHKf+Euqr7RLG07HNbQAk1NqfoU9idBIbF/sajJmGeG6uz\r\nGKnIwRpLzN2y6O9qN/6RehCtCWEYE9/Xq5XfPm8aQzneUSYiotw5YQ4C8MZL\r\n61n61K4hC66nM/vF6fC1bbWu0115LBtDuABSM4AzJ8qko19uHQvKBnonBghB\r\n9+JxL1cNL82Kxe18KaQA1/4XUA6GFag2NudH+zH2mIv0vCP5UAXTlhEP7J9R\r\n96EiSPxmPdmHR//0eD7OtPUefiA5VlipG13Rq/RXb/9TwwD9JNBOBn1M5SjA\r\nE0hTWriL2u6Vonkq0f+RT5ezpNJkktmTkeZjexyOmE7ZcLgxfosjnH9xsMP+\r\nGHcwbL7uEHE3tw7EN6T/Hd8BUkUcr+UFVoQ/NwuD8oOL2IlqCU5FYxTRWoQx\r\n2mkoaXdOqP/gnjjF7iBa45lwGZWPSVODFW0vMGvekxVjavyx4OJPmqeVavmb\r\n0NSjXj9YymshmYw4A3FtiShJge6+SziBrLGK+w/4c6T4nwb78BmZnofLTsJg\r\n59cj0yKd2JPc2AShYwQ1L931IedTqqclP34=\r\n=G037\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.419_1665639866960_0.21321692658923808"},"_hasShrinkwrap":false},"1.1.0-beta.420":{"name":"@spaceone/design-system","version":"1.1.0-beta.420","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"dist/mirinae.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-template-compiler":"2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-plugin-eslint":"^4.2.3","@vue/cli-plugin-typescript":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-jest":"^26.0.1","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^7.20.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.0.1","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","sass-loader":"10.3.1","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^4.0.1","vue-loader":"^15.10.0","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"},{"name":"Sungmo Jeong","email":"tjdah0853@gmail.com"},{"name":"Minseo Lee","email":"nseolee@gmail.com"},{"name":"Yongtae Park","email":"pyt4105@gmail.com"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"f04ef66f4a75cb48a54eee82df4416f21dec0862","_id":"@spaceone/design-system@1.1.0-beta.420","_nodeVersion":"16.17.1","_npmVersion":"8.14.0","dist":{"integrity":"sha512-9KgAyLRcbbDcDL06FZXji+FbSFAecBVLuyZ4KKDPd5KB44MedpBqAZCXphM4fLoEaDfyx5tno1n2an2WS3KStw==","shasum":"7e1b0ab85efd6508b82f65ed5a3aff6379f712fd","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.420.tgz","fileCount":1421,"unpackedSize":65356924,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDucgDAYDnzkOL2iXWPvKl87duKil4LTni0ZPujs/JQXAiEAii1sOr+0lCAJq+TzGPtSuC45nkzGtEp/rab6kNt1vSE="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjR8sxACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqw/hAAo76CxKkAlPQr+DIcMHBSvDP+9razbcq8fJbcUsn8YTgbbCg4\r\nbmmB1in76FBLELHOPo+VIpT66R11hkHhhJHZvmhf6g/SLGhE2M0l3l5jegrK\r\nVjeWuq/5FihHRSApPFkQi18k6DxCEiHjGFDhU3O+Hd5X2AdKu81XPYlc6fwZ\r\nD3aXXWjxdbCX+biucUZDGvqiLObgEOKcYCnN8FKnmHCvlhkjTokFiDK4pGdP\r\nUwWscze8eIgbbq1Id5MvgcThi3D/GkwKAjMz7TZtTZ0mAywKvlJmsz08ekua\r\nX9leZTYrzkyLeGml03MiN1x4Gt7wLNdujw5j1eREqxQQ/yTgC4MKMi38SsHL\r\nHRC547DN3x3nW2uoss0tr2jfL76kBefkQ2zT3mBBPVERgP4QLweb7Ao28qZc\r\nkHe3DflBOVe0HOu9OdMWRgG2jFz6XrX4EOc7HRvs9bxW+21iOcXDNJYeD40X\r\nnVhy6e6SPT4Oxt+3Wj3T0NKv9BOsmlaAYdr761vWs/nLukHcvWYL+Zj02mHF\r\nYinC31nvDQkco0qvT4Yvq5FgXSdilevWS7sA8Lxl+1HvES4A3X/rphYHyyKw\r\nYlM2EMeehirewfXBPUFj+44Q/t7TmpcCKjqMCLg1XQs79PEapRLpJk250p1s\r\n1u9rb5MqncCWUTt1MSib7vpDoqGrnsWWZig=\r\n=u569\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.420_1665649456378_0.3600758481899615"},"_hasShrinkwrap":false},"1.1.0-beta.421":{"name":"@spaceone/design-system","version":"1.1.0-beta.421","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"dist/mirinae.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-template-compiler":"2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-plugin-eslint":"^4.2.3","@vue/cli-plugin-typescript":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-jest":"^26.0.1","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^7.20.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.0.1","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","sass-loader":"10.3.1","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^4.0.1","vue-loader":"^15.10.0","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"},{"name":"Sungmo Jeong","email":"tjdah0853@gmail.com"},{"name":"Minseo Lee","email":"nseolee@gmail.com"},{"name":"Yongtae Park","email":"pyt4105@gmail.com"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"827dc3ef1e8f7a24e4979bbe9eba6cfac1c9b20c","_id":"@spaceone/design-system@1.1.0-beta.421","_nodeVersion":"16.17.1","_npmVersion":"8.14.0","dist":{"integrity":"sha512-U8vVpi+IaN/yp+KAuJzb8XnuGpp7WEdfespij6O4F+anqHM+WAPiPA60Q5MmdTL69GuJdOgupmDZjNUlZvd91Q==","shasum":"9bda8ca2f1c83d9ed34faeb675ac03a7dd021ab0","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.421.tgz","fileCount":1421,"unpackedSize":65364404,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGrDiu36rj4JDwwopsD5jMqfaTu8yedbdwrZksKD0l5DAiBmqhboKYzl8+H4/JVH9d8EhCMmKW6VJIHnU2eiMvY0FA=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjSQPIACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoF7A//VpeUU2YHv4Rnhc87lIwLUXqUOczA5j6LQuOAdT8nnTKdTT2z\r\nURD8RyRLD66DH6Pu+oePzXPKpGZjZbR7oZnDG/+nZdVYnH4g5z3yzZ43rIw8\r\nkNfDq//ai4dBIuwl4UBkAxhME6VKzVCi9kpzGoRh6cnkrJytg2Z/oYwVzJPN\r\nobWv6Sjm/vTHF/H/HkwPP0KY3QnlzJyKY93hUmqbsr+uBCUBaaSRWwZjACnc\r\ntt9/GEyRlHPHvA+b54eKNaSkWCRdZ/dea/Q3pN9yvXExKa0WZX0UHd+kn2Wc\r\n1SndaxMabask0t+znoalbX34Zl5u/7P/3ewykXPex6fibhZE3wLjiI/emEOy\r\nBb1cccmA/BC1bJJ7IiXd32X9pZL6sYKqN9ZQTAIbtZrcoTODKeZbbzfIAaU2\r\nL5TnD0598U4f/l0/VdBKFwW2crYgSFaMMag2I3gtrsDnPD8obbTDFfemxRCf\r\n7/VMy4pygc0uTmUqhRnAWwobok6MA3qfOtHcaNsZGgLUADz6oqwjVK3AvtrZ\r\n7YlhQBFEXhMpuIZV+BhLcWipODsBLDc8a1dRzZkHKwXzjztrCj9FUGt9Fm9C\r\n/AvK81uWg7o7FEcdR7BNzTbWp3u+OqEvmIjhoYVf1izZsl+SOK/qsemJ2ZFy\r\ni+4GS3E1NQEYRU2X1LIh3ULDKUSP8BQk954=\r\n=fJwm\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.421_1665729478878_0.25730809790652964"},"_hasShrinkwrap":false},"1.1.0-beta.422":{"name":"@spaceone/design-system","version":"1.1.0-beta.422","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"dist/mirinae.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-template-compiler":"2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-plugin-eslint":"^4.2.3","@vue/cli-plugin-typescript":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-jest":"^26.0.1","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^7.20.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.0.1","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","sass-loader":"10.3.1","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^4.0.1","vue-loader":"^15.10.0","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"},{"name":"Sungmo Jeong","email":"tjdah0853@gmail.com"},{"name":"Minseo Lee","email":"nseolee@gmail.com"},{"name":"Yongtae Park","email":"pyt4105@gmail.com"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"97ae1d5518714d44975567b8c8b4f8bdc10d907e","_id":"@spaceone/design-system@1.1.0-beta.422","_nodeVersion":"16.17.1","_npmVersion":"8.14.0","dist":{"integrity":"sha512-+DpzErE904N064rXkvoIt6aVcfgOYMAtiHtXxKeYhqdQ7qznwKmmq6zyE9pm5/QUI2G5/cmIoXswSwxdtVxPLg==","shasum":"504bf5ebf007f70052a12dd584e258894f3087bc","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.422.tgz","fileCount":1421,"unpackedSize":65364456,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDol/AFu4VjCDc8bfrso0XBI2JkOXjZymbtxVQutX38bwIhAJ83Yrwn5VnjBIUGzXaeUjUEHaKfC0ksKSmIG1rQSlw+"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjSQ+ZACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmon1g/+Ice2JpA0QlalyvuwrNMVtqv3vsNm2xaVhZ9j8605QT6aov2M\r\nLtEyU2koo6RQCFaFXkp5+aVrbP0Zi/0d7RtQToqogu+fb4QbfYRvOYtrQOvn\r\njf9fRhIL196yfaRnMkedKsMF12K1QYcKCFbP0lsL9uDobo9yf5JRk2/oFmCb\r\n+zF7q6WHfSauEmaLAVInBWdBgO1HGAh0mVRUBiITCJ5TAmPoNuif3hJAdDXw\r\npUg4IGg66N3bmRkuQXGhIaIqptcmRIQYyrvnmXoRc4YuASemH4e6pLvJ1s7E\r\nam9+81Mj7YitEaZly5E7Q3wxnSkuHkXfV60/c1xvu9yG5JDJK5YJV48LEaSD\r\ndNG3mpKoyWZKXlM5W+U0nimjm1l7/c4gvucg5+rLt/b/jyTIhx82su9keSF0\r\n8O2qpHkDc6WrGJqXSDaxybEXVvGioP5SorTQTyvjh2R+mfjSQwmxPzbtaUIz\r\nEIFJvgEYVrJTmnnD1SotxwduCGlzPZjRAr/IXH0Suj5HU6fBeyQOE7uiJZgr\r\nix/oAyxXbhKU1Gc2UxFWBNhzb+ERobC8jO85TiYzjZDvbq6Fqsga0UgCDLG0\r\nBJ6kjlIiPEH4+hMYU0jle7Qa74ZSu9WHtNdTl0541VG6NUtzUPosmVLP+jLA\r\njVe9NPfIB344YSE0xfE/Xi9cdKIJ4+audD4=\r\n=Agfm\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.422_1665732505433_0.8283498258783724"},"_hasShrinkwrap":false},"1.1.0-beta.423":{"name":"@spaceone/design-system","version":"1.1.0-beta.423","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"dist/mirinae.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","test:watch":"jest --watch","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-template-compiler":"2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-plugin-eslint":"^4.2.3","@vue/cli-plugin-typescript":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-jest":"^26.0.1","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^7.20.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.0.1","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","sass-loader":"10.3.1","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^4.0.1","vue-loader":"^15.10.0","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"},{"name":"Sungmo Jeong","email":"tjdah0853@gmail.com"},{"name":"Minseo Lee","email":"nseolee@gmail.com"},{"name":"Yongtae Park","email":"pyt4105@gmail.com"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"ba88ac4c5ff2cfba5c32be7e7219f99aa27cf2e6","_id":"@spaceone/design-system@1.1.0-beta.423","_nodeVersion":"16.17.1","_npmVersion":"8.14.0","dist":{"integrity":"sha512-RX1H2Q87IH4rQfKQoyVWn2uQy2Fr8QkIi6fYgzQfu47Gp19TNUzIg0DiMsvxV+qqSvsHRlWYyquzia4gWEFP1Q==","shasum":"6ddbb078cfa277bc9673554dbaf15c4cb47043b6","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.423.tgz","fileCount":1432,"unpackedSize":65434730,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD5B279VTbrOox0pCf0z8fGGcfbzwVfUPn5yOAhWPdRqAIhAKQ2As9DD4TBH+ppflyN/YurNpKTW/JYokzUUIS8ro6I"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjTMVkACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmruYA//exsdG34WyR7n0XydoUgD8BNxkbiq+edUnGmIQd1r67gGMIq7\r\nSuzBr4kWAAUW+muGjs871pneJQzFmPyNqKWpsfPVRWRaPvnx858Qi3LgFGKB\r\nVe6JwobSl1HHXLlplXdf87nq3tOwbC+fI5+0sS/h2hyaR8F14AAG+lrred81\r\nMEUg8bOGrKQOeJOx+qNnGG2gG95u5zCTgRvo5uThfyT2n+VRuLo4NnspeHTo\r\nVAAOyGj0RJ2NkYSBUm5FYhHOfPFircqu2HNmiNXRDiIcNyzSSAcwqiKfmxj6\r\neWRKd4zRPVPPQCEatonU4gih6ayXcbF69GbfB7XtBJgs0xvx9+Im2FJZga/n\r\nzEbFWdowxx4L5e3FDaySWNuvNxNHOxCEuua4OcwZOQLpg2UzVx/hy0v6YmY4\r\nLA6YVo4unthmsq3GIT+ptiOXUHwoNFFQCvihqgrhODWimiCYyimRw6EY3z5s\r\nsfMpv2ghVoe9Q/g5UULPibqf++FuzBziwiCX5CcuOZBgdX6Bmxax0cea6aZW\r\nfh8KDZbvQsZ6cJ3C/Df81zOxvlpKGEr9dQno4QrF/0+RdVyGxr+1D9F8DeCn\r\nXScQb/1s6mSaHGdanM0oRxEgkM0JOw63eZ6h8JXQJebYH21UDGFy7oqsIgst\r\nkKS5mgVdC369QmZefLK1rCy0cYWlf0/RxYk=\r\n=Ox3T\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.423_1665975651532_0.331699060320497"},"_hasShrinkwrap":false},"1.1.0-beta.424":{"name":"@spaceone/design-system","version":"1.1.0-beta.424","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"dist/mirinae.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","test:watch":"jest --watch","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-template-compiler":"2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-plugin-eslint":"^4.2.3","@vue/cli-plugin-typescript":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-jest":"^26.0.1","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^7.20.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.0.1","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","sass-loader":"10.3.1","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^4.0.1","vue-loader":"^15.10.0","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"},{"name":"Sungmo Jeong","email":"tjdah0853@gmail.com"},{"name":"Minseo Lee","email":"nseolee@gmail.com"},{"name":"Yongtae Park","email":"pyt4105@gmail.com"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"baf63165e7397fd8014a618b08edc722cbcddc36","_id":"@spaceone/design-system@1.1.0-beta.424","_nodeVersion":"16.17.1","_npmVersion":"8.14.0","dist":{"integrity":"sha512-fkkE7Ed2oQSuLEUIjzQbohXDVaLgd7LfPGAXocVwvUVpn3QzinNTtvoNWSS4pCSs9b70c9EizpMZMPdDgb1GyA==","shasum":"5231a1458fedea883eeb3b9e02509d929741b34f","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.424.tgz","fileCount":1441,"unpackedSize":65470407,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIA0xvq+KfAXwghRMI27MD+8UnOvzq3Yf2tyjHxF626+hAiEAvREA6BLqUXuYidR0I1O02Wu/wfkrAeUbwNdJTHksDw8="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjTQ5cACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpsiQ/+MJ+0ccYASw84i0IpHHVYHBu+ee+3YIeK1eMopthY/khC3ISP\r\n2Rgd6sgbLUIS0bOKYWRTrEPmbcRqj47Q9uoBar6PdyFpfa8ybdhNzPCT2cxK\r\neLU5oh4yN9tUNN7ONK7i/ZOZXyKp1EqHLHbiBM84ZUQr4kTiM1aXOI4TkvD6\r\neE8422dlsP9B8UKj884hYac9tOBdvedYwX9ubfzEjUWScV0mlf+NBjIzzMlH\r\nTrFfH5jTL1AByQdARHfG8wvK2TM9y/NQy3a3TbnAMSZIhpuLdjVWA/lflyMm\r\n5gL03oKcMB25DTQWg2UU2SOA+mZiH02Tvnv7wQ0zzoVoV1NHEQHtuj95EWiB\r\n1V7AX2q7GuNv8B96EqGo8z/gjAQaqpZTEC3Y5PccnL4mm7/xSmquaft12O2e\r\nE7V6FfxCdLsFENbV0r0qm+jQDsOtIl0KX8CkuM4Q1FBOXt3fus9N62Sh9G6G\r\nqCVHBLSmJIPBUNiL2/hn31PF+nDxnEJo72JgWpXlRpAjxYVhrUD2pleB+QXk\r\nKd+RglomrxKy4Mhxs5XFREA1DRburD3C8cDyD18coAUwZ3ZQSgcH8Eja77JE\r\nL1ROlKGUPhngjm4bHtahO0F+VysTLqH4yFEdyucSyXl873ZDIq3ifhhgv6tV\r\nsqh/hW0wZf74BbhB80wmSuh8O0plxqunXtY=\r\n=o0Dw\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.424_1665994331444_0.7722372971979448"},"_hasShrinkwrap":false},"1.1.0-beta.425":{"name":"@spaceone/design-system","version":"1.1.0-beta.425","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"dist/mirinae.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","test:watch":"jest --watch","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-template-compiler":"2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-plugin-eslint":"^4.2.3","@vue/cli-plugin-typescript":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-jest":"^26.0.1","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^7.20.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.0.1","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","sass-loader":"10.3.1","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^4.0.1","vue-loader":"^15.10.0","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"},{"name":"Sungmo Jeong","email":"tjdah0853@gmail.com"},{"name":"Minseo Lee","email":"nseolee@gmail.com"},{"name":"Yongtae Park","email":"pyt4105@gmail.com"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"590004719def7da9196d387b64d7d597d8e2a1e6","_id":"@spaceone/design-system@1.1.0-beta.425","_nodeVersion":"16.17.1","_npmVersion":"8.14.0","dist":{"integrity":"sha512-V1m9ANI/xd+IybB5pzjx+FH8SJQQbB7Ck3CTkpw5umgyPCmnxu7wHgXpBb0v1JI2HdXdoDRhVpKLqeCbII/BHA==","shasum":"08a0ab19b2bf2d4fa8d5b8c39e87f2e336b62af4","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.425.tgz","fileCount":1441,"unpackedSize":65471001,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCYkItnpCnaDPaYRuweuPXXBBnLgjQQOFB5hTOHJv+KbAIhAOw/62BOUV5YZT78ynUr6ETx2J6ci8WaAS6PlkXuS65D"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjThYeACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpTRxAAhm5yYjZzoasMpvA/jv36Sxx5ExOKu4WyFrpAn2lhu5JPyQu3\r\nKSDcyHAOPlrY0pF5NhcbeXF4cMDoA4i6lc25Oj2AXNtgRwGM/GISvieDrYE2\r\nYCQtGP9ULrk9XcGPyiVs/axmipspoEnUQrFLKkBrJsYKCiSrjktbqOu2vCpa\r\nKAQaghwP2u0F9WOzgmMUfLLg7Wvf5gWEoZaVCxFRjUSnjwQkhw+4Dl5reAfz\r\n5ARMdcKQf5u5uIXr8uux/WMlz00x3Kw1kuR0WT8mS8AzdIZNn60N+hZqm7/6\r\nE8cTuNDaK7toPsc+Njn57Ch7oJljOmN767/VyflS5qfevzG3RQKBZ4Rj3JeX\r\nzUMw2VOipKX76fW55ryj4IQLje1bHimoPXJFl+1wZq3HADHoVNzVKCflnYdL\r\n4WSysoEw0DXEr8XyW0+iCBJ/+pQe8+LbxHSsyVv4FZFuYOnwdUeaTohOwXPi\r\nmM7/GuXapqb1gjVmlVDVeWktvoXM2gGet0k5TdpnWq3dzC1hiUfdJNeBTpFy\r\nPfl/4WpHNGpOuMIqQKLzKnzPZGYxn0zFYhiGz+axf0iElVZQnADJJ+MdJ6mo\r\nTQYXsTb0BlJY0RZOETnXdpfWfufmeQgKe+HJHI+LJTUAjadxeU8Q1QMpZEHD\r\ni+nDseJUnp8q9B+QM9zZPRLH29CDjvtgk28=\r\n=Ww36\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.425_1666061854168_0.8749072628419652"},"_hasShrinkwrap":false},"1.1.0-beta.426":{"name":"@spaceone/design-system","version":"1.1.0-beta.426","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"dist/mirinae.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","test:watch":"jest --watch","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-template-compiler":"2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-plugin-eslint":"^4.2.3","@vue/cli-plugin-typescript":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-jest":"^26.0.1","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^7.20.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.0.1","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","sass-loader":"10.3.1","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^4.0.1","vue-loader":"^15.10.0","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"},{"name":"Sungmo Jeong","email":"tjdah0853@gmail.com"},{"name":"Minseo Lee","email":"nseolee@gmail.com"},{"name":"Yongtae Park","email":"pyt4105@gmail.com"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"ce9a66a9a4943b19eab7b052b0836b17c9eb1da5","_id":"@spaceone/design-system@1.1.0-beta.426","_nodeVersion":"16.17.1","_npmVersion":"8.14.0","dist":{"integrity":"sha512-WZUp/msqsyycvcUv3M27nAMXXGZIxCp2v3r1qHmeu2wTSenArk5AgS3t0BAqM5DREA8rIYpQkR6lEVEVxRjtfg==","shasum":"7c10a4030359d0eb43fc15fedab1713b3084d3c9","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.426.tgz","fileCount":1441,"unpackedSize":65472429,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDgMSWiy4suAR3uWeETNzZ63tnemfLLioAXZvunj23DmgIhAKdvZmjzsHhhfv92V4ujNpmtVBSqvxqA0ElZd7X0HV6m"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjTlzZACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoTSA//TiOXg7CIuyOiEfbNP3g2ifMCtWBQwvALbm6mmTdNSwWNekZU\r\nDCb6vfem34W1eMImbk7QIF0aN65KKpONpD/ZNhOX2zEl0ffdozmTPOcraF76\r\n8n6zvDFFqDppSxdeTV2ASer/QJoVyXKyVPaliDiz05cmqdDbp5/UBH7XpYnr\r\nPtrnxfSnC9FOOp5JwNSQL8Joo/WMCf2bjmAKvwMQx12kN4iEQ338AGc+PX4N\r\n+Mdz+d6PrTXE6i5T4/a8LbxfplMeRIcnAe1V0js1DSPNmoas+n/bopNqdUEs\r\nYnpoj7nsaIzLdTAw2AhLqlMWr+S28rCP/WIzYbF0geXHJQYmPXma7kdUesPH\r\nJid6cemrEt4JsFeodrhW2xejbqU5/+VlZXizj5YFqTCIzAeszyjFYeZE2XWi\r\nsB7P0FY7FTZGEiNtM7Eht452J3jyedy3ZPAnpqliTIVih8vtXAm2JcEH5aiq\r\nPtVxf/Upc7hA5jvpJyLHtpvfCV8j5JAXfiLyZAx6vu5FKRaXTf84VHYDjlKd\r\nY5l6oMlODAKa1PohDTVM2uP3R0YM3kxqVRZUJ3ER8bV54a7fkkD6/qnxfaEi\r\nhAlJ0asyvK05yOlC6sA1i6ZpzG1ZdSQcsJ7dSyP1VMN8gU3mG4TW8JtIcZM6\r\nDJmegtL9sds6xVi6kQBzXEP9FoO0xvd38T4=\r\n=a2WE\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.426_1666079960750_0.9697393905399714"},"_hasShrinkwrap":false},"1.1.0-beta.427":{"name":"@spaceone/design-system","version":"1.1.0-beta.427","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"dist/mirinae.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","test:watch":"jest --watch","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-template-compiler":"2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-plugin-eslint":"^4.2.3","@vue/cli-plugin-typescript":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-jest":"^26.0.1","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^7.20.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.0.1","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","sass-loader":"10.3.1","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^4.0.1","vue-loader":"^15.10.0","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"},{"name":"Sungmo Jeong","email":"tjdah0853@gmail.com"},{"name":"Minseo Lee","email":"nseolee@gmail.com"},{"name":"Yongtae Park","email":"pyt4105@gmail.com"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"6c39db94fdf2c47581238e289df769fab3f33185","_id":"@spaceone/design-system@1.1.0-beta.427","_nodeVersion":"16.17.1","_npmVersion":"8.14.0","dist":{"integrity":"sha512-qUWw/FSMMIh3gJF/fDnPqj1uLyuKJwjhtZJH+428dPRxCQ77Om4Bi01zcf++2iNnspsBg3iY3N8xp78MHdDZQg==","shasum":"7b18bb3f583092369ff758aad0c5e444cc1a74c4","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.427.tgz","fileCount":1447,"unpackedSize":65479443,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC5bYzK8PtWm2GJohXf3xUTJmh266dN0zz4B1XF3OETNAIhAKaaIoYdaYg1x4rEsc9e7rctondJrjyeHWnvxvNbJpPn"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjTmg2ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo3TBAAizpNBWLbl7Ku0se8A7d/OT6MX3Yw/u71rDg0BYcSiKhiAiLe\r\nQ/P+JB1NIxWtoYG7Ug296HMEZwYcKnBQmNXvaLJTvNMBvgYHrUZTeehoogCq\r\nJ1u8tyCs6eMpNM7lwGZmSCl/GE079/Nwgbq9qRMsHQjq0Wl4LRQxVAdfOZwf\r\nr9zP9fU7aEmro5GnIgtZzzwnKMpgx6kZ0lRLq2OJqQkIWoWJvBnPdg3kGVQA\r\ny/YbDRWHdMyH2BsaazFopTKxfSOfd4If3t+YhQyrDksENzCexbkhsBGhfesA\r\nYprcZoUUEQ9/HZliqr3eSgnSlXPUu6KzWfmSo5XSwF3KujVJimeksDr0Yg61\r\ntrTfs4tryelegLc6rawklDa4mxpxvPwSwP/QP4cDqEyisf2JIRfulU0fZzFK\r\n5KS/waWxCIj0t9cVqs+2uwWPw74W6/UzThtlR+lQ9xhxkWLTg2dWwymx3xK1\r\n659dUgry0mjrT+3PyoDuqtUG1cATgwi2wTt6ozT95ys0cj63MUIJC0+0o1+J\r\nISd5wemLT+LAiRh7uFSmk7ov+xh4EP5+3++C6j/U6uoiXYMlrGIgni1QS/0c\r\nsJuKOIAkdDOoLGJ1gqIyUqUr394mABpPMNIpN+LKkbJo7ZY+clNmjurozRd8\r\nR7ffZxAx7ETNDOWjUQJuN5ati4ZmgS5iva4=\r\n=pFMw\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.427_1666082870194_0.7385067068826561"},"_hasShrinkwrap":false},"1.1.0-beta.428":{"name":"@spaceone/design-system","version":"1.1.0-beta.428","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"dist/mirinae.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","test:watch":"jest --watch","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-template-compiler":"2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-plugin-eslint":"^4.2.3","@vue/cli-plugin-typescript":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-jest":"^26.0.1","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^7.20.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.0.1","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","sass-loader":"10.3.1","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^4.0.1","vue-loader":"^15.10.0","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"},{"name":"Sungmo Jeong","email":"tjdah0853@gmail.com"},{"name":"Minseo Lee","email":"nseolee@gmail.com"},{"name":"Yongtae Park","email":"pyt4105@gmail.com"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"3cdff7d1c672643495ead3822c3b2b301ee6aa66","_id":"@spaceone/design-system@1.1.0-beta.428","_nodeVersion":"16.17.1","_npmVersion":"8.14.0","dist":{"integrity":"sha512-St9vKp7hcewModgx+9llxoI6C1yI0UFJQmpzmotN9HUmh2fREJpnuurX6Ra8Gbk/FlBd2S+cNg4dUrRjLqdUkA==","shasum":"c4fbeb00271f2dc072c8eae9b1a53036a7397ada","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.428.tgz","fileCount":1447,"unpackedSize":65480154,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGRXl+nH/Pm+l4+Y7w+whLUtWCicONwks9aerfYPlxfJAiAGWRamdkqAV1Udbo4MpCfFSsXooF0Ck/GImq8bR/rrrg=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjT+q9ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoWWg/9G72pvzR5RCSvHqRxB90DopUXTlYwRD3I2tnCU7VGsJkVgjee\r\nVteNljhaZLPuNoActRkeLvYVSnynRSMBnsje6iwRNzQY7tkLb9Mnb6+3YcDh\r\n8jOX+EQ3NySKhf5lWwtDsMcTDryoYU0YfLp3KwOkgRbhdzMtIVAkyxhaAEoy\r\nW6mhx5wNIio7BltZbzvH4lKG+EfxHKv1l3LjFIUDijlRtQ3ysPVo07qjBWMM\r\nZWQIJndZrH310jYtv6ezmn3BQHutaFbecpgb10HEP41h5pbip22Lg1HCITD3\r\n0upYDYYj/QiPyz9cJT/VmA4mY1dvDsGqpp1rcuIhg6A/ZJ6b60EXFntuTEED\r\nd18zl2rQ1tkpWpihMO52UwPlp55z1Uj0bV0SQ5IcmyEe+KFfZBI5Q4m52pfb\r\n3tY02ohbuFiubC6A2EiUCaQbZX16eVv9PC4Uh7MuRiia/NsawjDF1QD8noQJ\r\n+wbI//kgprMugbPCJoaNWUiXtCywqVXcjnL7SuAZYx5WGznsLF8VgAtct4LU\r\nVRKbwu/aOKOR3oj6VfMmRMvME/jp2qISf8kqyRlFuE+syV7V+COjJdY58eRd\r\nH7+fsms8k5RwZkpGkcKDq/L47nHVvVwf2rDyo8SKNWmRWtUDVmCGs2ydcVdZ\r\nlMLtfw6AiFSlNEy3fEDwxYrCPDGAhLy2vLo=\r\n=mwZk\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.428_1666181820703_0.797048916633929"},"_hasShrinkwrap":false},"1.1.0-beta.429":{"name":"@spaceone/design-system","version":"1.1.0-beta.429","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"dist/mirinae.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","test:watch":"jest --watch","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-template-compiler":"2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-plugin-eslint":"^4.2.3","@vue/cli-plugin-typescript":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-jest":"^26.0.1","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^7.20.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.0.1","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","sass-loader":"10.3.1","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^4.0.1","vue-loader":"^15.10.0","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"},{"name":"Sungmo Jeong","email":"tjdah0853@gmail.com"},{"name":"Minseo Lee","email":"nseolee@gmail.com"},{"name":"Yongtae Park","email":"pyt4105@gmail.com"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"9f41c67489edd01ee7d1e9a59376edf33301778f","_id":"@spaceone/design-system@1.1.0-beta.429","_nodeVersion":"16.17.1","_npmVersion":"8.14.0","dist":{"integrity":"sha512-xbhKfXIQCZ6WwCaY2KvFqd0p4ios7cIceDvZcRWK5ctLyuSF0wjjoX7DBFlnBz9OYNaO1s8SpMLOCEtS9OBBpA==","shasum":"eebace4d8d5159a2997cde60e11d3ec29dce51bd","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.429.tgz","fileCount":1447,"unpackedSize":65480374,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAsjHXXYuonrZevwG8oLT8QqIN0pIbaDdp04vPXUs0KPAiAqSiajVzKrKkfUlRUq/k3Asv9RDrWvV8pHgLknL7TH2g=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjUMtSACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqnAA//Va74hI+FkJERvsDYntHja5Mk1QDNwsUuwAZ92qvnkZdzRBJ5\r\nOax0psYuKyOt2C1ihew2UDx61AaE9Mwf1TI9hL7Lw4lS1run2UWftwzOZFqD\r\nmzMC8iKCGJEtEK+VQIuSbz9yiX2vh7xR8d8H97U0IYOLwsNUmuveqCzLsK+I\r\nIsKSF+ODdsoagUbKu/WTnK4kONkxk3zKoLpXyKak84AQEw47oxrfUoyYAh8G\r\nUWurudcZVFw/4XrAUB4utgBe7qS3tWHCLPOJv9Fm6bqw7bjPD++MU2VUkGjN\r\nkfW6LUm5u46gUxQK9EH4pZDo7kCdO/hfUBm0CdOx4Smr24Gz6L0h8lSDkD/0\r\n/2tmvRHo+sgf+ddlmicaXNRpNPefRdXA0ez9M0MTqVK4grw//jK07V044VdN\r\n1xxBy3wb3fVUk16falLxxt3Chiqe+JW0M1Zb3TCm+dtH8IturOxQLOUJyDGX\r\nrPhK7d5pHfubTs2/H58jGw85/Me8Z8TeChQGPV8cFBKRYLRVb26qUwfL7ZiF\r\nd+4Bk85/gO79yVa8HiA84ZbUcSImwUuMiOTCAwXwOrDFMDkIDosl0dWPySMW\r\niRzAgC5P66yPYiM5N2KzWcoFeQC9N1HVbrgtjK+l+G/oTe6pAvIpbjyGvznP\r\nDf+goZGDhfgxGeZf9jC+ajHEhZ44oXYr/qM=\r\n=4Qu8\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.429_1666239313821_0.27479196442344267"},"_hasShrinkwrap":false},"1.1.0-beta.430":{"name":"@spaceone/design-system","version":"1.1.0-beta.430","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"dist/mirinae.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","test:watch":"jest --watch","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-template-compiler":"2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-plugin-eslint":"^4.2.3","@vue/cli-plugin-typescript":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-jest":"^26.0.1","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^7.20.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.0.1","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","sass-loader":"10.3.1","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^4.0.1","vue-loader":"^15.10.0","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"},{"name":"Sungmo Jeong","email":"tjdah0853@gmail.com"},{"name":"Minseo Lee","email":"nseolee@gmail.com"},{"name":"Yongtae Park","email":"pyt4105@gmail.com"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"e75acacba96dc8123dd21554131cbdfd653ca060","_id":"@spaceone/design-system@1.1.0-beta.430","_nodeVersion":"16.17.1","_npmVersion":"8.14.0","dist":{"integrity":"sha512-YunbOe3OneRwP0X9BvutmRtwGcw7k2pGlyi/sYazZCFekEuxMOCi09z61qzDo45iXCUzZ90nPhE62EHuDJBwuA==","shasum":"8965c7564bc6a4125e2fe21eddc7ac99fcd49470","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.430.tgz","fileCount":1441,"unpackedSize":65465793,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDKVPVQ3hUSowJtjulgI7WWHkxe6uQCBl740GI74ivdXgIhAPc+/0Wc1tbauPB5GbgvfsPDnvZ6/uM5j6z1oJQj6Ca3"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjUOdjACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr46A/+Kicus2wcjsOrgtkn9xHVZ3mQopJSHuvPj+ZeDy1mjnbQdu1B\r\nkq5uk89sepA6AcTfpLlUC7z59Hyc3YXzq1L5mFYXSXTONhw2cMKpzCCHRERL\r\nuGirjQNRo7NXyIjIHXGctmEQvDlsk7H11i0BjBml/T7h5yrdzRQyoNfMEmIK\r\n+aQ97Ve+NHsYWoLsKM9wyclSyVOEaUuzZhP+pc5sO7HT9pa5nCZ5CvtOerEs\r\nT8+P3Hz3IRPQjImlNE8g+QT9RPAOLJMQXbBZx0DK6ZCeQEwBzqOxHp+ueXau\r\n8XYNVUZ9b63UXHg4d4ixZTOYJqzGrlb2oCPZ4YnzwamrgRN0NnbpBE6XNyGH\r\n2qkWvbaY4z6ygKT7lw7nluWd9KqZSCVcQCsEX8AJVhmgC1WNtiQ+Epx4vV05\r\nUQHUJS5pPwpsVkYyKTawU0qRSSqJxbL6+L4+eW5qr2Y5GDkl/WfvGZ7VDDqS\r\n0VLuzI4o2TZXULohbZq9VBqLSVYp6T3kQCh/7xwyhnpBgO3JHJqWNCmEnWsQ\r\nRGqobyqis3JEaQxgRLFJm26caSapUe4T4BDQlv+0kH4EkOMrElrfaPUZ6pKR\r\noidh4GwjeIJ9vXmpfjlkKe/Cvvycq5ocg/L5V1chhgjfeqDDohK/d33uDWG3\r\nyQhNCE7xP40Ko2kIEaQV6Rsz486qpa5CC8M=\r\n=1dZp\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.430_1666246499060_0.13115086928753494"},"_hasShrinkwrap":false},"1.1.0-beta.431":{"name":"@spaceone/design-system","version":"1.1.0-beta.431","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"dist/mirinae.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","test:watch":"jest --watch","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-template-compiler":"2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-plugin-eslint":"^4.2.3","@vue/cli-plugin-typescript":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-jest":"^26.0.1","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^7.20.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.0.1","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","sass-loader":"10.3.1","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^4.0.1","vue-loader":"^15.10.0","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"},{"name":"Sungmo Jeong","email":"tjdah0853@gmail.com"},{"name":"Minseo Lee","email":"nseolee@gmail.com"},{"name":"Yongtae Park","email":"pyt4105@gmail.com"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"43d2ff07b36c44fddff2c7494756b7d5f618e8f4","_id":"@spaceone/design-system@1.1.0-beta.431","_nodeVersion":"16.17.1","_npmVersion":"8.14.0","dist":{"integrity":"sha512-F2Ax5FWvxQ8Ty0vQCu8l1or8fXy5W/uJBQOyShWnyy+zZqb7WnPMXoh59zWGrcj94gYwZ2wyJojN2aNLjlj2Fg==","shasum":"d6906f9b73884f698788d6cd02e9a6a18630cf96","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.431.tgz","fileCount":1441,"unpackedSize":65463819,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIE+tMVuHNiQ/SWJX6X8RfwddrVTa20/3lZ1RnLDW0Q6SAiEAo1O+57MJU9CIeXBvTaunVTK09YQIBhetzUuAPuVUifU="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjUPhKACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrFgQ//T5HPIet7u4SNTDuzwzenBhJzX0dgZpD6mbKMUNSZ/zArHF/z\r\nZbRLkXzmzGB09vnlxeHT940MRBhh997vp1VZESo3+/bZS3RULaqrzBFaGhZ1\r\nB2PzQE5ytROBFZkxTa0Ve2RaV0S+XV82sfU4gUO4SHfDZQoTz8KP823P1y/Z\r\nTKy9H5V3hQxYa+Ndiv7WsHsXAi22CL5KYwYY84SUsp6ssYqPxWVEFTG8oHDP\r\nOGhg6l/xKxAs0+P/Rncfijgd6ZT127+0e60D6GZenmU5XAql3dd+ZdaHRt1l\r\nmUlAm84XzCmrjucugyzA92Pc5VVX26sR5KU+19kB3CrFjBPROymFX47+GmWD\r\nyvgowunYYnkBx8vZOwySO84JfkxJOE0cCIgnr7B7wudkysTYGgxKNAdi47Wl\r\nbNFUiDZoSAKAFjVgNlYLmEHGwkhKVmiELrmhR5cork7eT1dWK4u7lVacIQ1d\r\n1eyX2/BoAC5KyXUZptsHZJ351aOY6hBU9SIgMwOQDNIUfs2Aq+KEH+Ol06Sh\r\nSyzvbB2DyHkgFB9MpCYhgFV7Lsl0CIQLJRDbQTo/3MMjTZsmMabnNzLUlV1t\r\nF0m2ibBKYsY4h6ORbLJniKraF6m+eHJeIhZfTQFfKWB0xbxJpMzErg20xapv\r\n9jZ6B5gdk0SS8WBKoHXtnOAACR820BgapT8=\r\n=MsqJ\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.431_1666250825953_0.7063534419708706"},"_hasShrinkwrap":false},"1.1.0-beta.432":{"name":"@spaceone/design-system","version":"1.1.0-beta.432","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"dist/mirinae.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","test:watch":"jest --watch","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-template-compiler":"2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-plugin-eslint":"^4.2.3","@vue/cli-plugin-typescript":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-jest":"^26.0.1","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^7.20.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.0.1","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","sass-loader":"10.3.1","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^4.0.1","vue-loader":"^15.10.0","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"},{"name":"Sungmo Jeong","email":"tjdah0853@gmail.com"},{"name":"Minseo Lee","email":"nseolee@gmail.com"},{"name":"Yongtae Park","email":"pyt4105@gmail.com"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"6a9903b469a28f53ce0702247233fb5c991cd0a0","_id":"@spaceone/design-system@1.1.0-beta.432","_nodeVersion":"16.17.1","_npmVersion":"8.14.0","dist":{"integrity":"sha512-rvqWDYr5avzL93Q/7IVKJ0GeSuO0FGt+L0MMV/wZlKpcU0c4sQ9IznqySK6jFzN36VfIfkdqZZHcOKDavatQdg==","shasum":"ed60d040b14482bd46849981cf643bd3ddb4cabc","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.432.tgz","fileCount":1442,"unpackedSize":65479744,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC0ToB1sa3mtiq9GC4toqoOI1C9FEkzvt2ZRgsNg1Pb1wIhAO3ng8vtDDnLgJ+bt1k+SGqiddHy5r9m2K7x52tdn7b8"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjVjivACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpEtA/7BpglgBpg2AFnV7NbqAHIQmb8uvyiO8mCfI6oFVe+3f0DMWos\r\naCHA7IRFv3C1II+R5bzMCht7QRBBF6TfWN4DbgXhUWtw+dtMWCR/2LZ69PQw\r\nP7L1faf3X3BPIQBgKoIeEQbtu22XfYpS5KlDC0m6cdrkiTWlfoCMuujyNXLu\r\nsuqdwewJcMZuqnik5XHx02Lumnv4bbBzZaEgpr7IWbYL/JKGronNRnt7LO26\r\nMXFAEn/cJXzCs5kO6hQoAgD/9WVaMpyvGzZ7QCS/lFj+sDgY6UzPobTXDdsT\r\n/eeZitSqqeIrsI2kZ2dzgJkULbUo3BuP4YZ3k8WKLr5OkKnjEXA70Fpy6eWd\r\nZH/X1LK1sfjgMh16b/VVh6aHEEK4mH7xeIZEvIDPUeiC90XUN95gipjhqIaS\r\n5y41qtw1ZHEJu34IKWipMnBQ9ydlHkkLdeizGI3TIk6+nPmOQAPkUx5xIxMD\r\nklc8CmlnMSVd5Y+MCvAfdFkUmqOUvU+OF3U3H4B3AhHOcW86KkUxyl3KOcK7\r\n/irmGIU+oMnR2sPiteoP6d9qaTEsPd6Jd4zrvhyrnj/M1R1yWt1ffK2bkrMB\r\nJWDuekycBTWbjXoFuIJ9uP93qlZvAoRINdH+pDsZ2bFe4ncpeP+t9bXw5R3l\r\nwczvw+XMWhCI0tHKIu4hgfl2axSsqdqknGc=\r\n=U7RC\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.432_1666594990715_0.740039367112302"},"_hasShrinkwrap":false},"1.1.0-beta.433":{"name":"@spaceone/design-system","version":"1.1.0-beta.433","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"dist/mirinae.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","test:watch":"jest --watch","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-template-compiler":"2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-plugin-eslint":"^4.2.3","@vue/cli-plugin-typescript":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-jest":"^26.0.1","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^7.20.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.0.1","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","sass-loader":"10.3.1","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^4.0.1","vue-loader":"^15.10.0","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"},{"name":"Sungmo Jeong","email":"tjdah0853@gmail.com"},{"name":"Minseo Lee","email":"nseolee@gmail.com"},{"name":"Yongtae Park","email":"pyt4105@gmail.com"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"7ad31ec61976b0d13b67341e302466550b5c6664","_id":"@spaceone/design-system@1.1.0-beta.433","_nodeVersion":"16.17.1","_npmVersion":"8.14.0","dist":{"integrity":"sha512-e3rYqtAUH48Ts3cNDn6DRpeuvm4c5NUVjubfzD2VW5o9gUKH7U7XzC9NytSdeicPMft1Yo6DbZVA7iBETNLmmA==","shasum":"18a4a0dde1f190b009efc911eaa059b16eef0521","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.433.tgz","fileCount":1442,"unpackedSize":65480243,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDEtyrj6i4C/l8vigyl+UWkq8seosV0AeZYX3xx5IevkAiByV7Kt3F5Opxr5GOQLDus29j1mBcEx6ZdjgnHASuMywQ=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjVktvACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrqfg//VwcIzpiaYpKMrtK5SpPxx2kRIpC1maxpCCjI62WA9FTjdkl/\r\nyzzMzEFJ/cCvzeQ8K1N4uigtEmvSvej/ILKQGaln09zqzFBjTYnOLOY2f+NV\r\nsA9rqNnCegU3JfJ6IeGZGDrkhZIFFiBx1TmpPRft7csS11S/KlJoYKUXiOnJ\r\n8nyVCtlcsm/Ozc6VNsVtnaUT3sRV5s0CcZyqJcz5cpPRqrur1pwjCdTXYl25\r\nn61BUDKqKDllpGcOFQFSHhpMXVHQ4hvcswhY2u3MTql97HFR7zOyG1xNfKX6\r\nxS3MlR+AgdYaLuy7Qm4rnUp+cO/cKdp3rWC+iGxTkb2fapyjdvQlwzkr4OP/\r\njHypjn/yua5V5YA7FG7jB9tGtW4K8K5Vo1tYiHZpoqhfkHqFKQEzvP+vSzS3\r\nUVvYOxrm6Ky80GZTI9cQf3hdNsZbtXmEFcEklbJQlge3ZkJPHgxuyuS8H69U\r\noIFzI1YrO+6AbizxOsYNYzeYPLs9lz6dEXPc7pJRxtQFGH3/ejAiioynT1DT\r\ngzU2CU0aRIZ95Ls5/09lnHhI/to7pIOfWKPkNYOH6SrwoPypZF4sezOAWc4Q\r\nSCGZWhxJ7hYJxqhm3m6xdKJry0YS7QKieNXrV7QCoLBWIdBoAmx6n2XOA9KA\r\nTUn5p5njSlObrbzy2WGLbjEORpcbiHneFsE=\r\n=tBKS\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.433_1666599790589_0.31935048961846"},"_hasShrinkwrap":false},"1.1.0-beta.434":{"name":"@spaceone/design-system","version":"1.1.0-beta.434","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"dist/mirinae.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","test:watch":"jest --watch","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-template-compiler":"2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-plugin-eslint":"^4.2.3","@vue/cli-plugin-typescript":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-jest":"^26.0.1","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^7.20.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.0.1","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","sass-loader":"10.3.1","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^4.0.1","vue-loader":"^15.10.0","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"},{"name":"Sungmo Jeong","email":"tjdah0853@gmail.com"},{"name":"Minseo Lee","email":"nseolee@gmail.com"},{"name":"Yongtae Park","email":"pyt4105@gmail.com"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"92fb4072eb94d9a5a8045864af0410312a2317fa","_id":"@spaceone/design-system@1.1.0-beta.434","_nodeVersion":"16.17.1","_npmVersion":"8.14.0","dist":{"integrity":"sha512-vejhJlf+DwKVoCtjkj3P+mB5ro4D7LKUvsL7jX1hNFaVXF0sm5cPcpo7HnrrzJ7V1ElX30XNfUkYjXbdz84I0g==","shasum":"65e288ee392b91cb515c28567bb62231c09ca9b1","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.434.tgz","fileCount":1442,"unpackedSize":65481857,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDYVfgBMGwIvf/DvqQ+C6Udz+wF3+d7OszOrnc8MQiKJAIgfAjcf1rAkaedXCHam5+Ff2z0JorO73dImHQE7vjbP20="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjV3kDACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqF5BAAh+kAV3CInryVGXPV2HgBxkkGBRfEiN5qvwueEhZXZRf5qobm\r\n8I13X8E0IAvbrYG/rzEHKN+DwNlSLU7HcCiooh7tvoHmnWospcfqP+pwQ+FZ\r\nNnwkI6KHKcZKDYppFvKAk5+KNqsnYLIIpeZWAgLeLSyKeWdODomiCrzxJbVt\r\n6mxqJ9B4Gwnc6tbIO7cIMl/hdtkfh7LO+BuElLalwfevtzazyAC1RSMa8211\r\nuxtkXmJa1p7gFZa+RJtHXex93QIK3/tyfkU1Uuh5EJESz/SwaqGz8u5jWCm0\r\nUmiUWrV7OYleHNKZpf1MM4hY2TDjqIvVWl26gEMcAKL2jfhgG390SS21dCio\r\nR8AJqr4xAsk9MWofnESgurQviJfhxltQ8nhEoe/co7Z89ttnO0iSdTNquO+3\r\ndqP9Wnj4Cua64x3JKuYubHr7ybnI5Av2l0CvWU1tY4Sdk0OowACanv6yeMzT\r\napePECvbSGdQEIbCOa26Y17iahP24HnwLKkVRqX/KUQqppa2s3rCc5/RvMBD\r\nuAzioL/JOmZPqJ2X/zMvz1UIPzxeHRFclSUkQFCEoX3UUvsb1/xRTKxwthFD\r\n6j8uzsp1Dg8XmiKNAI9xm4nASW0YTtpOARIJUaKtsybVmOgQIYV1gjMuzWPD\r\nH7cNWdFhcCVFKY3n8cSgcjAKvXhed5CSk6I=\r\n=SduD\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.434_1666676995023_0.3582178430458356"},"_hasShrinkwrap":false},"1.1.0-beta.435":{"name":"@spaceone/design-system","version":"1.1.0-beta.435","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"dist/mirinae.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","test:watch":"jest --watch","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-template-compiler":"2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-plugin-eslint":"^4.2.3","@vue/cli-plugin-typescript":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-jest":"^26.0.1","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^7.20.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.0.1","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","sass-loader":"10.3.1","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^4.0.1","vue-loader":"^15.10.0","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"},{"name":"Sungmo Jeong","email":"tjdah0853@gmail.com"},{"name":"Minseo Lee","email":"nseolee@gmail.com"},{"name":"Yongtae Park","email":"pyt4105@gmail.com"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"58d36cb3c7c5e0056b665ea58980ab45c7891139","_id":"@spaceone/design-system@1.1.0-beta.435","_nodeVersion":"16.17.1","_npmVersion":"8.14.0","dist":{"integrity":"sha512-CenOuCp7sSOtnasfCCZIyqQcIBnJrvgmz5BAqFsjEthWhR+WCTQZQ7wKHIxYzMCztEgQznAmR95pTpUDkmAHeA==","shasum":"a25447ee8af72801d9a9b3f33a1a35eac1c628a5","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.435.tgz","fileCount":1444,"unpackedSize":65485070,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCfolgOm/FJbrgEN3Ay/L4gq/ACrROcsf6K6O8+LMMBQAIhAOqktU29f/deWfFhtZl33ZHVnzuYUcSaTiDHobrq0VcW"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjV5v1ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq4aA//SVltzBwpJ9HjGEFp6pwoCGauZUkWII72OZqgUL55J723F7u0\r\n3OMuRXuCTv4wDN7LdSPgu6Qgb7aqtuE6KWy4q8Xe9voVyNQTGsLP6dpWK7fU\r\n3Y4DCOyaulU5uhverZqzOmUmQtNAsInsRpAOqWfUdIdHnAVexC8EHwY43R/w\r\n+prCWezaklwRHRslJ5y5y3xYfFrXM0lZzYL3OlV+ZN767zpy4YSQpPw3pudp\r\ni6vOX26tgX7D+9uZyi8/mOS8jn2noXVIBpxoe7dkfjqP5VD2tUL3xLdVLUaA\r\n5slkUIfECyVXsRrO4asBQKFHEi3QVhZxbazlw86rqCqH1MpgSQWnxJ7kFHHQ\r\nOGx8I2jiFNYPXu6sTpKNouKg1nd6MvWi1E/kLwCB3dWmL/Ao7MQLv7AXakmT\r\n4uMthuyu1bzWtHi0EUeAZszNsVJ9SXZgV7tD1Ky1kV5hfmcoc6vOzyGX3nJM\r\nWrMwBYXLh7oL2VC4fqL5/OTa+Ej+MKdoZ3csY/Y/cfmI0Do9QLaU1qvFrGO3\r\nA3AvopMRV1wOTZ6g0cOMs9bQeLP8DJJRISHlqZyItETl2AOlsXjISj2Xxxke\r\nxaChLa8PZx+cVBKBV2Zj0+w3xypkVxlHu87GOwVScq9rU+py5JPVzEnbJsTb\r\nC/B49OxMc8nK2S58mSx/z4DenzEu2fUU5PI=\r\n=edd8\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.435_1666685941411_0.5350379471336215"},"_hasShrinkwrap":false},"1.1.0-beta.436":{"name":"@spaceone/design-system","version":"1.1.0-beta.436","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"dist/mirinae.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","test:watch":"jest --watch","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-template-compiler":"2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-plugin-eslint":"^4.2.3","@vue/cli-plugin-typescript":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-jest":"^26.0.1","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^7.20.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.0.1","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","sass-loader":"10.3.1","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^4.0.1","vue-loader":"^15.10.0","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"},{"name":"Sungmo Jeong","email":"tjdah0853@gmail.com"},{"name":"Minseo Lee","email":"nseolee@gmail.com"},{"name":"Yongtae Park","email":"pyt4105@gmail.com"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"79a6d824f8c2a6d488dd569af93cefe9bd7e355e","_id":"@spaceone/design-system@1.1.0-beta.436","_nodeVersion":"16.17.1","_npmVersion":"8.14.0","dist":{"integrity":"sha512-Ce2QvDbNaiAXqFall8RFAzTzhPT/kZfDTjvBZ155XCYMoIrQfyorNPZYS5ifmce0+vrrkAgkdI9Hy9eKhekqcA==","shasum":"98cd28578b274502d5519066d14b50d6570b721f","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.436.tgz","fileCount":1444,"unpackedSize":65489825,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIQDcylp7PnuP1KiHZeqLxKxG5FaDnMuzY2CIfBOuiYiJlgIfHqNz3r9HAS43UPkCFYELN56umh8aeFnl70xVQkujjA=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjV6BJACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq0NRAAgNee9tI/8ilj3D1NJI9w9dl962u5V7Hw+K2ywQJ3Gr10t1pT\r\n6d7q3M7s/wXp0Yn1f3yP1kTSkEwLBxEWvKFchwR+DorMAblai8e0war61nmi\r\nmaFhnUARMwzNcTbRAewXibik/SfkJ+nY96pKdYL2akNHthpoRZJ1ZngNjqFf\r\nDsTy64KswNVo/WyNB6iwFZjbEULAYdaxZ0mKQ5tlGenpu+HK0DGZQi+v7uub\r\nCv8AsPzkXThGQc9y5BbGVMZMjlc8itVec4JE+kJSazM1S95vgiCzSjBMZtS0\r\nQLsJAMVg9RZfyhU5vP8pj66gRfmbjtiw+SyaGpTMJFFPb+wxt0vPLUmcZi4H\r\nFBH36PN15Bd+7F2RwOvipjZOdmpr9RBm9VPq0KVLr1oDAfOND2e/huCT70Ar\r\nMm0zWZWj16sH8I0SaSp+Byx3zf9MKMBcAGlcOD4t7vFvqwC7XX//1tZZXdMP\r\n6DctTXcdcTIy0VkIDHkC1PbrZnyFGRyATOVs9HM44DyANPjZU9gFzJF+w0vl\r\nHRZIT8v7GmnTtIHqRxwugj4lNlBfRqs/69W0Odzul9xua9RrtwSd7/YvQkyz\r\nBiANidvy3a5qaEME2AgRkFGXdu5OscVv1OLDtMU7GmPPtnaT8H7daXl1xE0X\r\nUeNzIWJSQFxL/9azmMvbU987Dx2zyIlLe7w=\r\n=/Trq\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.436_1666687049051_0.03219238852602979"},"_hasShrinkwrap":false},"1.1.0-beta.437":{"name":"@spaceone/design-system","version":"1.1.0-beta.437","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"dist/mirinae.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","test:watch":"jest --watch","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-template-compiler":"2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-plugin-eslint":"^4.2.3","@vue/cli-plugin-typescript":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-jest":"^26.0.1","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^7.20.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.0.1","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","sass-loader":"10.3.1","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^4.0.1","vue-loader":"^15.10.0","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"},{"name":"Sungmo Jeong","email":"tjdah0853@gmail.com"},{"name":"Minseo Lee","email":"nseolee@gmail.com"},{"name":"Yongtae Park","email":"pyt4105@gmail.com"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"fc7be6da669831a066130b2d5f5e828ce4656836","_id":"@spaceone/design-system@1.1.0-beta.437","_nodeVersion":"16.17.1","_npmVersion":"8.14.0","dist":{"integrity":"sha512-R/u9MgdA+GR6cfNOj54lb7VjwKA20i4gN5nD0XPyg4y7N+dqeiugKjzv/OmrUDVFxriWtUnlYSlciwgbVHZ96A==","shasum":"456731d1f7f5bd3194418d9e8862d2ca00f17f32","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.437.tgz","fileCount":1444,"unpackedSize":65489911,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAJxwICuJvpTM/Cy659G/Yu66YjsdXagqi+5yunecy9RAiA8iBL9HMyvCdlXbNyjR4E1uKV412IFSZ6XxorWs0dr/w=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjV90SACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqWWA//aEohdXC9cbyPvJbdjycRqrngE8wlx2EPz8+kBgUpFH/W9ToZ\r\nwG9+yDpklZg7sOi0tCaLApB24L3Ms7QBPGMRFrNLuJwJI2vqvqABoaRnN6sP\r\n8SZa7dyZ1k8eoqeBDJY2wRXkGSvhIAustGlHeKxNspC+0bgVakOLo1Szd7LW\r\nY/BlZmmCKetwgYF8Iqp85PYpR4IhFOGBBmo2pBG4QT4+OM+2PriG8jEN6z/w\r\ntuH3mg2EBMua57FgkgFRj4QH45P+C9UIwZX84cecDgImLT4h8fRhWP0IoCtw\r\n8beFhiPljmIEZjdhts9OVgUsZqFWJD/PzTi4Cw/owhaQOTrD9JfVlKhX6Vdw\r\nsUch4zbrlBwA7vc05VU54VHvzudFyo9QmHO4MhiuU37vwN+b9oIuj6R9kl6P\r\n2lgKosMu/mtQJ8RM2s31ArItqEStoAs94wb8dM3WKu+W0ATnfwUTKkGXb2NR\r\nX6aH7gWvZ3ReaSHCwEGrSSpnEw7s2JZHz76AI7DnJZgRxSWLVuSh2OsI5vqA\r\nFTP001bgbSa15CcsOKM3CYH5hro5RfGutU1BlreWGODiH8+X1kYXs64DKjhp\r\naJYeLVUzf6ZQXhvlMbr5iOMXruYpVVLW4zrJ3r6oj1wf2LR+A1Yvl8KhIK7j\r\nVgJx0uAv9yAD1Q1OGnqdliuQUS5Ja973yZA=\r\n=v7K9\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.437_1666702609348_0.1296028554394395"},"_hasShrinkwrap":false},"1.1.0-beta.438":{"name":"@spaceone/design-system","version":"1.1.0-beta.438","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"dist/mirinae.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","test:watch":"jest --watch","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-template-compiler":"2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-plugin-eslint":"^4.2.3","@vue/cli-plugin-typescript":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-jest":"^26.0.1","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^7.20.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.0.1","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","sass-loader":"10.3.1","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^4.0.1","vue-loader":"^15.10.0","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"},{"name":"Sungmo Jeong","email":"tjdah0853@gmail.com"},{"name":"Minseo Lee","email":"nseolee@gmail.com"},{"name":"Yongtae Park","email":"pyt4105@gmail.com"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"3c4b73667592d083f7d7ade16fdabce03ca969da","_id":"@spaceone/design-system@1.1.0-beta.438","_nodeVersion":"16.17.1","_npmVersion":"8.14.0","dist":{"integrity":"sha512-kQrYYN8C/MXaR6D5cXv16VSGZPmZMnxfQG8QgfzrpDUnJa++e4FkATScKxA906qYN5VpWvZn5SFDMAx4wIVAJg==","shasum":"29de812cd22bbe1b3e7b79149ba76a2812be024b","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.438.tgz","fileCount":1444,"unpackedSize":65497055,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIH3DCH+x5Anvylqetp6cNqoheBvBJ1XiHJhagurRdPs6AiEAm1xMTnWTujavRNtdaMl9Tsy5SpTsgw55R/OH9HvRZKU="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjWJN+ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq58w/+IRfEIlv/oIMPGzyKtFUzPjQFvVX3cWGQ9TdfipGW7SPe3/Tz\r\nJvL8UYhPTG4btlRSfMg0hE8sP03gGEDvQD27gB31xvNCoQ5heHrkTeq1b/30\r\nuVvcWI2SgdMbFRc3d9MFT27rm2d/73Fe5+XcddlOCuSWgeBD6tPaQTJle4iu\r\nOBuewIt53BjWp+58PP67hKT4toSe4NrYewirO8A/wFbhjTfF3O1m5zyL+IHP\r\nkHSa6i+VJcWI6IRQVI9TM1SpYBLVfnIGrWhPGiZ+mYxDibiaoPsteUst61EI\r\nH+8wiLKttrpUN38z9I2ihKGkt9RwY10C53AJsFAAR2L+4uv7E7pcPv4j4AIe\r\n08ZI3KYCDUHY7s0v0jZJGPAbTJOd0R6w/iltQH2d/LP0lvBxkpGP2bsFqeFx\r\nkFgwsI7rRShnjVYU3IN7cA+FTM9Td8ZHlo2OlOKtYthluiylUibk+nV53Of+\r\nu9bie3fle6Fu6Tn+LhFI+gZoJSDcmYE2tp8mMQ7XdUOOKtPQ2HknCj0nJTRZ\r\nCroIrTdisbgqr+GlnOTBt5NnX8u7rH66ud7btKx78pTv+oKFHvl12MEQJuJb\r\ngMAbSA4HK9Y/CWh7NiYrFnT/Tl+9EIJID9jRpHSChPf1fKqISxrPLECvGaAo\r\n894VD6BrUkMsFkis5EUkOaD4DkhHzEpC5tk=\r\n=I5HM\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.438_1666749310236_0.8086752228212164"},"_hasShrinkwrap":false},"1.1.0-beta.439":{"name":"@spaceone/design-system","version":"1.1.0-beta.439","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"dist/mirinae.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","test:watch":"jest --watch","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-template-compiler":"2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-plugin-eslint":"^4.2.3","@vue/cli-plugin-typescript":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-jest":"^26.0.1","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^7.20.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.0.1","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","sass-loader":"10.3.1","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^4.0.1","vue-loader":"^15.10.0","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"},{"name":"Sungmo Jeong","email":"tjdah0853@gmail.com"},{"name":"Minseo Lee","email":"nseolee@gmail.com"},{"name":"Yongtae Park","email":"pyt4105@gmail.com"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"1824056d1173d02f50ea48ecd66defc7dfbf477d","_id":"@spaceone/design-system@1.1.0-beta.439","_nodeVersion":"16.17.1","_npmVersion":"8.14.0","dist":{"integrity":"sha512-6ct1TaO7Y/HC2t6zt4+MmjU6OQd8eUeEQ9uoEy0ewIeC+x3Db7307EMUXvtE2LCFmGANQIQvNloqlWJj3+3+HQ==","shasum":"a7b717c5ebb78e990516ce5529c4f73c5d787ce0","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.439.tgz","fileCount":1388,"unpackedSize":46445322,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDc1LWuXFrsAdyJcRUbWbW17PiKe1YszmdR3P/OsA2qLQIhAPTIfVAKkwuITe2E/HDWvSvISDVNR9NtXZh3AGPTkkvD"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjXxV7ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrYDQ//S+dLFQjBXePYQYtg90RZX+gWzviQ8zu9eEKtYN+12mxikSgs\r\nlDi/lLhkJqGRJH8ADc+ZdR5mn7NubuFSwWGCZ16dq6iBIXRP8Oyw1iHGtxpb\r\nxJ0Wi9e4brDlW6PMMONOPK91pwaViaUmFxeJfNftdYbDdtYiK1O2ODA+RTTe\r\npzMXzR3GdFuOXuR2H0CQSXjltdiYAPDi8zkxgmeafEaLftWW6Ns1TMk7al9s\r\ndOpKrGaSu0aiDnODsyQmfnUHwCrOvssC8tTUt8aAt+J/AYZThc17XkaRkAml\r\nQgyQhIdLJRtPdr7EcPI08VxXfhqj6Xyp+TAWEG31bwISm7c5hxFqAVPfcqts\r\nWwsoi762/L8Qgs27MwqrsYzYUzidhTCqdhK4f8P3CgNMmhYSqGDzjp6JjDFl\r\nh+JN0vbzfdGG3jYSqkiE0cC6ZxWwSOF5szBCex8oNJTQ5aweQ33Co6zaQfST\r\nStivWEqPTdsl6l28gvoOlQ3G17U4jrcOkm385G9QO7D0B5UIrwStVb8kSuXK\r\nv4H/lJngtWlxt0YKFVXgt2agff50q6nTSmPk/7qjrhc0BtZS21BGe5tRUxfj\r\nVNajP59i0DzfXh8QHnWATaHxTF6Od9cQLWBBLEnb1Os/lGKTHh92d7Y0ClOz\r\nT9AfyZItINsYJOedJ0rW9W2ka2UzfPPlsEE=\r\n=yJz1\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.439_1667175803058_0.5016561473614229"},"_hasShrinkwrap":false},"1.1.0-beta.440":{"name":"@spaceone/design-system","version":"1.1.0-beta.440","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"dist/mirinae.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","test:watch":"jest --watch","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-template-compiler":"2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-plugin-eslint":"^4.2.3","@vue/cli-plugin-typescript":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-jest":"^26.0.1","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^7.20.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.0.1","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","sass-loader":"10.3.1","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^4.0.1","vue-loader":"^15.10.0","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"},{"name":"Sungmo Jeong","email":"tjdah0853@gmail.com"},{"name":"Minseo Lee","email":"nseolee@gmail.com"},{"name":"Yongtae Park","email":"pyt4105@gmail.com"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"2fb96da18c7cbf1ab5fe35d375ab7c5b80396c5e","_id":"@spaceone/design-system@1.1.0-beta.440","_nodeVersion":"16.17.1","_npmVersion":"8.14.0","dist":{"integrity":"sha512-fox351s/qDbwkcseGZMYgYSkMs4tNCxw7HpwcKXIkE8m3OiC/Ag9rTNEHNxIEfnviIiI83uPoEVRTR3PnPYaXA==","shasum":"9fd3abfd6a8af3b07c9ce8806008cc64c4b2b70d","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.440.tgz","fileCount":1395,"unpackedSize":46467752,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDM/2PPPeSXugqV95PMMcifY0sTO6eR/4RiVrIl/XN32AIhAMzxx+bD8R/cbE5UkMkpApmgAg0OAXrJV8oU2b8x0V2a"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjXyvGACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrO2A/+OLNXSKnLYLc5WAABMkZdN/bzWWSG68eiVGY+agxalpHcyEbg\r\nxoiq6lZ9uyCl8xwT+/haVG6yxDAKZifny4Lb6svZNqaARli8rbd15FgYrA4s\r\nk84pUALZLnLn9rBCHKtQ2E68c26G618FwPsGEJ5vHAlpZHMfntXusIE+IV4Z\r\nx87meY5/zOHM1MRHst2CNl+1dnk0vloFX2dY/3GLOVpoas4g5K77bOkRSQ1q\r\nKb14kVNu6LAC0Ys3lOv3AD765FgJRaQZt8lJQrc2fGtUaoruymQopd7VTU+v\r\nMzML7vcaJa3aVA4cnBrOpUmGRob52QWFpVkLbuZdZyDxQWXSR8KUUK5bIn37\r\nNbhdWyBm8fy1imVQZSsLR8MXtWmEx5mfrSnE8vRCAF0WUfZctzGkt7SpQ7ki\r\n2iQmnwH64pn4cBzwQf9903ZzkARd5OlUIuZ3OJlSjzOEXN/M9wgldCBmEHyE\r\n4RtTCyfb5Lm+juqQcBpWdU0EKKJWu7elX1FHcDN9hAuTikkK7qq70nm/tX9x\r\nCJ/ktRF0iJ+1V67BcmR2q2Lg/MRkLwFbgiLNHimHtT94d2FZa4/o/AbBT4VW\r\nC+7FdN+1OEIsUgvWwPQq1u0CwXsOVT0K+UsIExVS198eNSbtGEB0vhqyUCIn\r\nECFu7HQeVRBUW/h3Qlo5XJqsuqwcV3eRKk4=\r\n=Bgvm\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.440_1667181509380_0.5873404403309872"},"_hasShrinkwrap":false},"1.1.0-beta.441":{"name":"@spaceone/design-system","version":"1.1.0-beta.441","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"dist/mirinae.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","test:watch":"jest --watch","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-template-compiler":"2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-plugin-eslint":"^4.2.3","@vue/cli-plugin-typescript":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-jest":"^26.0.1","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^7.20.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.0.1","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","sass-loader":"10.3.1","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^4.0.1","vue-loader":"^15.10.0","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"},{"name":"Sungmo Jeong","email":"tjdah0853@gmail.com"},{"name":"Minseo Lee","email":"nseolee@gmail.com"},{"name":"Yongtae Park","email":"pyt4105@gmail.com"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"4ad8e6e1650a99bf6c5b1d4c34d376f729f713dc","_id":"@spaceone/design-system@1.1.0-beta.441","_nodeVersion":"16.17.1","_npmVersion":"8.14.0","dist":{"integrity":"sha512-se+8foXyOG6nEnD4LOKhvCNCuA3WiXeP3if5dRx9NI3iMVFOuztjFOLkRAoI4Ifgt6pNwbgx/1dn+dIwQMDHNg==","shasum":"4d669408f231df0943626906d2ae629dfa4005f4","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.441.tgz","fileCount":1402,"unpackedSize":46490598,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBkCkFL7KbmQ2p6JaQyqxFrjeTT5z6gEw1p5dcUp4XCtAiBrQXQUvb2dwG9W9EBTcfcmA8iPyjfNq00eaF7LdKK8dA=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjX00dACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoZGBAAiVhQJp5BpLJduVrch7gPpF56AbD/DI+k5CxnuMXLUYZcaptu\r\nRH+mvdQItchf9QiiEdjxi37EolGHPnyWbReqaGRLcPGwa/EwSklGiQ5Ou+2o\r\nYNZIWmoaGGC7+6Wg6n+Dt32j0j6pjxI88h5ak3JA+L+/rsF8LAUhyRF8kegR\r\nvF0iVd86kDZTAL6Vwkpr86CsYlNPCcjPz8zWahl/69VzPPZEOoHPgx7GEu39\r\nPTDriuqdK/fnNtsR5I8gG7dnTfnRzyr/vSCcXQinK7E+/kRzLjK/FOhUtcaP\r\nAtBN1RQUHUjhSy2L+DYxfb1R48MSA76jcCTDebHkiXRXmCJuEJuXeUPO1LqT\r\nqzd17kxspDNLE6nHwrheyYNgkif+tT/Eyl7bC8G4NfCvvP6mGyOVMHa35kLm\r\n440kDsfkfR19WgifitBvOKNhkh/58B5UZo7RgZzlzJRqiosI9ThTkwxd3lWH\r\nLRCfdwK3ZwpROyAnA2l+tuIeTd6JQIVp1+SXdnDqgODPriD2aYv1VyJ2i1qR\r\n6c+9+8w8akLj0lOMeLzvacpLxRy7eE8clX10QiJVg0VzFxq3dEU/rG8nRhiL\r\nwsK2UidVonbvdLtV0udtWW0XW8c6d+gvxDQob2XuCq4pXUcRqeTwc2yK7GyG\r\nSiiTDFUv3462XhPcsvPqUT+lF6iK2CkEXXc=\r\n=zTmS\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.441_1667190045222_0.1580296859078838"},"_hasShrinkwrap":false},"1.1.0-beta.442":{"name":"@spaceone/design-system","version":"1.1.0-beta.442","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"dist/mirinae.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","test:watch":"jest --watch","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-template-compiler":"2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-plugin-eslint":"^4.2.3","@vue/cli-plugin-typescript":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-jest":"^26.0.1","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^7.20.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.0.1","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","sass-loader":"10.3.1","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^4.0.1","vue-loader":"^15.10.0","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"},{"name":"Sungmo Jeong","email":"tjdah0853@gmail.com"},{"name":"Minseo Lee","email":"nseolee@gmail.com"},{"name":"Yongtae Park","email":"pyt4105@gmail.com"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"2226201584e59d3408d9ae1418fc374b3469b319","_id":"@spaceone/design-system@1.1.0-beta.442","_nodeVersion":"16.17.1","_npmVersion":"8.14.0","dist":{"integrity":"sha512-ZLcoUG4jenoeXo9tIcgCMJzytl1T1Dj3s3mtBbXFs39Vu9EOhU/1HRp4fXtMwqjogA2Afa8pE2QxUjlsZ4cusw==","shasum":"1e93f1521a5fa095e8fe6308791aeb6ac3e3e428","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.442.tgz","fileCount":1402,"unpackedSize":46480483,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD3Fpc47LWX/K1Ph+sJIiRO+o2iCSh39YIZBhfq/pVSuwIgCsSxYFkYw8VMbhXUd1/VDbL8Ey+8zm7XV607oMBi+XA="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjX1joACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrEew//VLSeL3+51BBhR7hJSQyRCskskWiS5hhepM9hpxL5+9wCfn0a\r\ncZMHDFHC3u+4A41UesE4JsK24+R7vQ4pXsA5N9RFKRFPy4dBN0uFiQU61ykT\r\n+kd/9Stuj8xzMGjxCwolIkWGdmcS0YbdVpkTCnEOpOseEnpYgLkxoJvEARHC\r\nRaHiHO4Rl0IEZETtCmlDoLz8QHHMnQEwJw8sMKwG8MdDHQyxmmF2Cz3v5aKt\r\nDOAu8yUttO/7IW+TRy4uHdFTBCAIukFeX2xT+CecBvdKBa4A5l5enXbFuIjN\r\nqD/xK8U32WJvayas1f6gntElVypP2it01EV7+LGUxc2Bly92+1NH/PVr4Bks\r\nWPADnki3iK7FUMduggnPs2S1oMApKgipPzMn8hq4hoq4qYgKtd0JnT09mBat\r\npsUegTvonvjTREB/n/m0exg20wvgnfUVhu5JWAYCO6tWSPk6dg8CzKw6b2+b\r\nMi8fxiDnzNwD1q1mKqY0RXH7yP66XoU2NVPVgF7NGl8smLS5E1dTnakowQl3\r\nf4I5mcF2aGvfBrt+m25bbDGlvlQKZF1tNsfjSdBanHGwBY69o/ejNC2+Vu5w\r\n0cWl5mkavgVoFM52QcqCbpfuntXywS5FInvERudmA3DqzziURzUCFhDwdoKp\r\nWPF5rFs2Rx3YPKjmpFmg4uLkkgyL4UsV4mQ=\r\n=dgog\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.442_1667193064448_0.4856569955658334"},"_hasShrinkwrap":false},"1.1.0-beta.443":{"name":"@spaceone/design-system","version":"1.1.0-beta.443","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"dist/mirinae.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","test:watch":"jest --watch","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-template-compiler":"2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-plugin-eslint":"^4.2.3","@vue/cli-plugin-typescript":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-jest":"^26.0.1","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^7.20.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.0.1","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","sass-loader":"10.3.1","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^4.0.1","vue-loader":"^15.10.0","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"},{"name":"Sungmo Jeong","email":"tjdah0853@gmail.com"},{"name":"Minseo Lee","email":"nseolee@gmail.com"},{"name":"Yongtae Park","email":"pyt4105@gmail.com"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"8e6bee18761a4a528df4c36abbfed1f36c681b06","_id":"@spaceone/design-system@1.1.0-beta.443","_nodeVersion":"16.17.1","_npmVersion":"8.14.0","dist":{"integrity":"sha512-3PEDQM4A4pn53gUYbekY2rfgBj7sMp5pyAXaqRYLf/cS1eibroTVEk704VqwqelaM8FzHpBAqmtWNG8Cch6g/w==","shasum":"11567cc67f5048391a21c6f12c20755742c209d6","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.443.tgz","fileCount":1402,"unpackedSize":46517722,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDN8Tx+7EipQxy4qqlrGtmgoPXOkO/XnqUWzhiFNVsK4QIhAJ8rAqSEQ9mzn1IHhEHVwnk1qbXfocH00/Zkt91I55c3"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjX5l7ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqz1g/9F1/zizvXpGGJB64ju3s4MYbLFwqoFfKe2DO938h+B0I2t43v\r\n1y4LPS6/RwCpB3GmbbctzP1LPSDiODMzQKGPJ3QShBjbv7Rw2mN979258QRW\r\n2ZRcYDELUF+ZBH+++yP8ziCgyQmLB171xVXFjdw9Pg3ni06E1Tmt6gsJbFgZ\r\nx2juvxFfA4qfCqrA0gWbuGwZ9AsihrBjmtsukeR3H82CE44OeTvom8e5m9ZD\r\nK74tPGlNKeDU2z7avDQEj5hsHBXiu5irZmK+UQPW3rwpdzfbiOrxN2avPFLH\r\nQqwXYBeOLaPpzf45aTprFdMpRVCUad2KeMbMbh/iILxzj3b7UqY/elGi6uOE\r\nUT6oDDopfT4CzfUPRvkxW4Taj40IsqIPGss+TNGuK4d0RQlXBNYOXeWDlOAq\r\nCOTQ3q28s6ok8hZDMoPH6L7FPAjhN2k0mREq88shce4cCe2d1FCDD10stDPy\r\ndbXWR9xO0yBjFhJjV9tptHYV8s/6PChrTRcubk6ecjZOgCAbILXLFTkR38xS\r\n/z+eTEjt6+vF1FKzGHdRBsWmMdaLx83/Pzu0mLpgFIeyBOyEkKSgWq7rlHJw\r\ncOOLIRsRVhKqLv5eyKuhTxfrfSttn8okMacF5bVfTQA3PAEGQSstuRGTo3rN\r\nz+evzsPkvNAKJLivo2V77i+J2I+Ydu3U6C4=\r\n=AIde\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.443_1667209595016_0.018030327514279243"},"_hasShrinkwrap":false},"1.1.0-beta.444":{"name":"@spaceone/design-system","version":"1.1.0-beta.444","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"dist/mirinae.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","test:watch":"jest --watch","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-template-compiler":"2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-plugin-eslint":"^4.2.3","@vue/cli-plugin-typescript":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-jest":"^26.0.1","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^7.20.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.0.1","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","sass-loader":"10.3.1","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^4.0.1","vue-loader":"^15.10.0","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"},{"name":"Sungmo Jeong","email":"tjdah0853@gmail.com"},{"name":"Minseo Lee","email":"nseolee@gmail.com"},{"name":"Yongtae Park","email":"pyt4105@gmail.com"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"6a2155e5e6520c75715146482637fe7586280cb2","_id":"@spaceone/design-system@1.1.0-beta.444","_nodeVersion":"16.17.1","_npmVersion":"8.14.0","dist":{"integrity":"sha512-g41Xo0TEUsGsxajqNiNfZnw0aV5g5+eay8ZGVCY9oh+4XYfdm9idg1EFJaztYnmI/LLSdvXOn5XNbUBU8sL3KA==","shasum":"a8a4f3f830aa87aaa3a777079ec0ff749579fdd2","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.444.tgz","fileCount":1402,"unpackedSize":46523825,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDWEi3ytZn03rpQ+fFfakAdGCiMwlemTyai3mJrJ7ebegIhAOJPlwiC3IF+NNXfXDTXo2BHYcxGcIW8Qpw2b8n23Ymd"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjYL4fACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpSZhAAkt9P9CaLgfp/McjhsJMSUXpyDSFHag+uLS4q4aBItwMfj6Pf\r\nW6xSZUKFNo7IPeuUd8ihIApRUayNAqKk1Kdnw3FFnsQW8EIME7qFDNvMRQhJ\r\n70vv2g0TLNGaPu0R6QW0pN1toI22jZgXfDAR2sHXZ8KSNo3V/jAX48uqMcBK\r\ncDQav7kJ9a1xvIcuDmSPpCxFTigi3hRNIvsmB8dxVEOXOftv8gT7JU04/koc\r\nVFmXdhXiMKa+mu6EDQAWM7wWjP9Zehw1WmU+9/nHln3BaaPmosHt0UsMZ9zs\r\nSVh4SgfQVUrYqx1chjF62siuPCNaGTu+6iFRLNg1Ziz3sU8cvvdstI3dNkul\r\n12d06opJG04eqTGOf3uWx66QNFNLCs67Nntj/LlpybGoSOnGEOxeunaRkNWo\r\n3jC4TxpOOL81/Q93b/oYIhkapi/m9z/zcdzqF2SZ8MntzZbwh0yJiUhkEkH7\r\ndm8zfNJG0sp54jhcmq5kM95zsqRsZD6r0fyOymU7MjZnDBNqnNDJTt/28q2o\r\n5EZVPW5ZXhXcrwqT6pNlfWKcIc7rosukkfKJ3rQp/BNi2Vhdiwrf9AKtTF+L\r\n3ZCUga4u2FRr+YVYW27biVzcFzJ8ebhxIeuYdZyxTVTYwBj2Ccv04N9cD3Sv\r\n7X88LOexYrd8PrJ+wLM1eY3qu2M7gFRl2QU=\r\n=zrEv\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.444_1667284511097_0.29710762228536014"},"_hasShrinkwrap":false},"1.1.0-beta.445":{"name":"@spaceone/design-system","version":"1.1.0-beta.445","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"dist/mirinae.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","test:watch":"jest --watch","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-template-compiler":"2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-plugin-eslint":"^4.2.3","@vue/cli-plugin-typescript":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-jest":"^26.0.1","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^7.20.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.0.1","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","sass-loader":"10.3.1","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^4.0.1","vue-loader":"^15.10.0","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"},{"name":"Sungmo Jeong","email":"tjdah0853@gmail.com"},{"name":"Minseo Lee","email":"nseolee@gmail.com"},{"name":"Yongtae Park","email":"pyt4105@gmail.com"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"7d78a4504ede4fe800de955b829159c18422fe0e","_id":"@spaceone/design-system@1.1.0-beta.445","_nodeVersion":"16.17.1","_npmVersion":"8.14.0","dist":{"integrity":"sha512-R1YAtCHCxrhAMDTVnYyCtdlSHUVmKUtzqDmoQ4bvZloAKXKQ25OX/WikUvi9eil8Sf5xOpEW6q/qne7oIlLNgA==","shasum":"84580e0e6e95ba7f3fc931af3410d9b7e6d21295","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.445.tgz","fileCount":1402,"unpackedSize":46521964,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFj6F8yJhKKNQtVw9Re2rNq5B1S5WiPyr7HFGZqkZChcAiAlAnqzEjoznjSd5aJF1zEPiIoTCF3Fw6Iu9dOOKwgaEw=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjYOLeACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp3pA/7B+E5Jtr34chzFlmcwGp9Y+Z1g9rRuzJiYj0sVMg9QCOMmtX7\r\ncQVvuHG2ZqaH0noEgVI9iUf4/6/T7e5k6AUO84ztCKXnZVInErOl2wKkigBf\r\nevhMUNeyd6YWY7vfxzB5NQF0/tJlfWenwJzrPSYHecg+ljWPgGcg1mpeuiDB\r\nNGQZvuKzaBTSg7RestPDdaH1e+B5Z1CCezAaC6+sbQSnJ/BIdhoBLUtFH2Ss\r\nbJhEBufwKwQweHed3kxprj3ehPaVWY/YAwZBLQkyevy86JEaT/IGFP14GYST\r\nUTAUaDW65nKa0THaJbySWHjVYqpuBqaHSB0Vrn3lBQb5LqVhle60P2j2T1gB\r\n8cioH3XBGurgujCVq/wwzzj401jMYjgSFCXiWHC8bMlC3iXPVAqynucq4Q8W\r\nyHukkaMOts86Vlpk+DuWlk4Ky6M8VQxyEiHvR6byKoSrqkwgOKdtMUVrZSSh\r\nvOCugeUYIW+XNQ7mgbUmb2Nf3J64GfI1M6W3ycVfck0EbsuQOHHNl4Q9yU//\r\nnSGgxpbOk52mSQ/2vtlTAkMc2tb0fm/xo//cMpjMgrEJXEjuEg0sBGKB9IZY\r\nEa+nOLQEqVpIkDuN7U9NlYDkTQHEzvFmWr0z6HtZhhKzaS+zuip/H1Z2eS+5\r\nsfkeGrVM1AiBjsdsnhAhAUKDrW4trf40ISA=\r\n=9ptj\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.445_1667293918274_0.9505040494053341"},"_hasShrinkwrap":false},"1.1.0-beta.446":{"name":"@spaceone/design-system","version":"1.1.0-beta.446","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"dist/mirinae.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","test:watch":"jest --watch","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-template-compiler":"2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-plugin-eslint":"^4.2.3","@vue/cli-plugin-typescript":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-jest":"^26.0.1","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^7.20.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.0.1","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","sass-loader":"10.3.1","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^4.0.1","vue-loader":"^15.10.0","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"},{"name":"Sungmo Jeong","email":"tjdah0853@gmail.com"},{"name":"Minseo Lee","email":"nseolee@gmail.com"},{"name":"Yongtae Park","email":"pyt4105@gmail.com"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"7b2becbbc657d58c618e791f7e55a8dd9c762a03","_id":"@spaceone/design-system@1.1.0-beta.446","_nodeVersion":"16.17.1","_npmVersion":"8.14.0","dist":{"integrity":"sha512-UHqTPXJ4k8ONteUhesVs9ZAvW1BjZul5tAUy8boQo0E2DRInk59ixg8lf7OUYcAx0b3CSvMComtR/YJfXOv+Yg==","shasum":"2410257d6d4080cc52c786290e5989498a8cf06f","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.446.tgz","fileCount":1409,"unpackedSize":46562561,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCiHpRPo0+ym82myHXJHnnk8ZHPwCCmTM7TLh+4/wwRBQIgIr4diYtP2xzr6q0hEVdMJMGdmbsfzySGRw64vbwxZIw="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjYcstACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrqIA//aB9tGl6CBJKPF6XC4KUmVZ51jS8x/qacHIPxrBAPSVTLttIR\r\ng1SJDtTthLH8yEfA2vyQz4Na0XteHJBSMqZDb9q4o1leHT7/xulUcnyY/iqk\r\n5jws/Qkbtw29lzUnTkgUZmmpUeNL1YA/AytA5wUjFKZYFaibR+djUPBoHFuP\r\noqaYkvGbfLyboKHzVT4cB0ky/APdm8VACcZb4ZYnBfgErlthmfO/vu0PLhzw\r\ncXgpwhlqQmJKyxRTGSiWGQviliJSgJJOVKrcaQQNmE5PnMwzZK8ZCeqPBsUe\r\nZVluQaPcMG/OEf6iuPEpjtBtrigXV6EEImXymKs8LCFRHEX6BMbFc5e/s5AQ\r\nFbINnmuzjW91BInBQi8LYBgyysq7LhpZXrYut8Itts4MloeGTlkUla5N4cdY\r\n1DNE9JLDp7KQkrla9KmCK3hMMg3nMLZyNUUyES8ioxJKSR6AU3eKchLN7cVS\r\nF4FUkkxl76a0jGUVewqafuq5XzvHYBVraVfXTSypHDSJwiqSv4HtYfOhAT7p\r\n/Jv9xHQ1t/XdkOE8w58QhnFqmKIM/GebNZXAO4h7qYQnIFH+uX3JxzHYrQ2L\r\npGwPF4CsfhDhrBauAq8ELGF4ljah8/MX2pfYeVOJgnW5jrcibttvSfZ3RsLM\r\nkMpeP7gY6FETyuT1hBSG7wlsRtiuYDFsIiY=\r\n=8383\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.446_1667353388447_0.9284315037692046"},"_hasShrinkwrap":false},"1.1.0-beta.447":{"name":"@spaceone/design-system","version":"1.1.0-beta.447","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"dist/mirinae.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","test:watch":"jest --watch","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-template-compiler":"2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-plugin-eslint":"^4.2.3","@vue/cli-plugin-typescript":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-jest":"^26.0.1","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^7.20.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.0.1","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","sass-loader":"10.3.1","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^4.0.1","vue-loader":"^15.10.0","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"},{"name":"Sungmo Jeong","email":"tjdah0853@gmail.com"},{"name":"Minseo Lee","email":"nseolee@gmail.com"},{"name":"Yongtae Park","email":"pyt4105@gmail.com"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"e22728bb072aa94e1a63c4a1c5d44bfc72e149b9","_id":"@spaceone/design-system@1.1.0-beta.447","_nodeVersion":"16.17.1","_npmVersion":"8.14.0","dist":{"integrity":"sha512-ZmjVVDwjAZMLtc/nhwTtL+X6bCc647QdWDHcrCUXrbdVuaBSexVclPG6cTA6AmukA5fAXFSSrfI5hAaSyanzXg==","shasum":"031292fee7803e14dd6df10f0a04f792fa43a24f","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.447.tgz","fileCount":1412,"unpackedSize":46564513,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCzQDxdSb21gigKtHVNmvwrP1iCC7d9mZXhTTYVxbiVZQIgEeKR0vN1peZnI5nmkCqbWSJhbsQyOdWI4uZl3IGByqE="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjY1DhACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqb2g/+Nz5VfsLFAv9JeWWfTmz9XzumOxDIovy31BH4oZSNg9D2MdH2\r\nqk6hzHFTG1vnEZX2awYwkVMKpCrFTgwmkiWr76J/8PBDKljNBMokVgQsV5QZ\r\nrXsTJU+HloUkccTasIaBXEpiiYN0qVd/i2F3TzOkj4fI/sut523BtxPjOmPX\r\nC/ner1gKdHvyR/0h5WrFAi1nmhQ3tpzZpwOiHCpN+VOLoOeQOrL7pwN6DdQ+\r\nlNMVxFyIw3KpHU7LvvnN343ET+3wUC0mmOyIu1PY9y/1nMHfsydMJ+uGarML\r\n8rVaMSGqWA0sI+96yYcihJaUSxoBa1pjg//xjYXpZgDiciqRNYq/ascL+vxY\r\nuv7W+GC4NtHXta3iWwZqiWmfLBQmSl0jeJROUBGeWrx9GoYpj6zZD3SULgI+\r\nYq8F8xqQdOqRh2TZZa3OsAZT8tb9mZMekoztmUXQtw6+6NWOmhLM/A+0EmDB\r\nRCCowGN/7n53DNhqR9N7Ez2stDWFWobwN9Kxv4Ca7GcihB/ch6iRxja6uzr2\r\nGEk7INN8tEj8gxnckRVdFGTTXPFAALmM2cmEzTuH2P4pjabOdWPX/AqeVa7b\r\nnkdcjvBho+AOZFFeDr8JtDbFjheomcUnFSBFXBsEsnoRwSCmSwRiSNJOLV5u\r\n4zzz1V6jzu/MvfGpn9pSBaGI/FrS4Zo+DEM=\r\n=1QC4\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.447_1667453153248_0.36994904084658264"},"_hasShrinkwrap":false},"1.1.0-beta.448":{"name":"@spaceone/design-system","version":"1.1.0-beta.448","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"dist/mirinae.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","test:watch":"jest --watch","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-template-compiler":"2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-plugin-eslint":"^4.2.3","@vue/cli-plugin-typescript":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-jest":"^26.0.1","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^7.20.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.0.1","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","sass-loader":"10.3.1","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^4.0.1","vue-loader":"^15.10.0","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"},{"name":"Sungmo Jeong","email":"tjdah0853@gmail.com"},{"name":"Minseo Lee","email":"nseolee@gmail.com"},{"name":"Yongtae Park","email":"pyt4105@gmail.com"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"18d1709ebbc6794f5f78d62666aa6aecb98a690f","_id":"@spaceone/design-system@1.1.0-beta.448","_nodeVersion":"16.18.0","_npmVersion":"8.14.0","dist":{"integrity":"sha512-JUj7LAi9w7AP7UsoWzDG8C24gJjIcNlMapECTm5O6+a6E0tT2zv1lHruphhwcZ6a6/7D3Jn0dCh1ZBWol/HeLw==","shasum":"d65a97039d195aa869b8874323e0386135989443","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.448.tgz","fileCount":1412,"unpackedSize":46564843,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCfDkHBEIIQCSI4CnLuOydOCBWLZv6VVqeA5Wu2YTLDVQIgPQYugeH+gzgg9m8y1rGH/H4u0WxuMZ+PoJbhqUxoxZk="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjZHzlACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrNjBAAntTV+AN42D0ZFvJvHIOH2uJSfSsOiM4o+nxmD/zMOcvk7lR0\r\nc/3kvsvAE+8hD/tn21uTsm7LayLXtcfpEVlrM2laAFtoeEh9nZaC+jnJRJmR\r\nUBsa67aAm5HZjwCIzF452aJZjgxvqBb+5HYuWfKuBKvXjScZsx8QM25isryV\r\nHwpuqrHKen+R5zjQW7ztlDk9kD2r1NkzzvnSKZUDISWk/XKb5+49qxXqAkcj\r\n3cyFv4InKgnmtMIYzlFZADuS7bJ21ufk5UFeFVAUkLD4ptpqJ7WaYkabX+n2\r\nWmNC+XnEm8xRmXLoeYAn8hKNfo/ofycyHyGhTCqL5JJAXrpWhH8RiQi80Jcm\r\ncXWXMRfOuiF/TqQo2oiHkRj0jhq9WXAP03wzA6PrtVhIVNwst1lfUnAlhBRT\r\n7bG3n5N5QdSl1qg4WfKK0M4N1wgm9Ou50/wvVdPn2vywqCoQYDoWihx9yy0B\r\nkHSTDO9sUpdYHnITlAiyNd/VR9cVxlJPt+i0XI9jXcrWmfkna6i9TbeMDXR2\r\nC6IO0nukmpK7rnuAM0avy8hH2BVfiu7YvtpY/vpK+eyXACj3sU+WbPdP2eNn\r\nz8cJZxsZgwvyVPZ8+nNNB+rBpmWB+zJPseemEwFh49i7MiQIZInq29vCDyPo\r\nuEbivSZNCCGFBrvakVhYpth4wBtb8ZEdymg=\r\n=dz+d\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.448_1667529956512_0.22704436124492444"},"_hasShrinkwrap":false},"1.1.0-beta.449":{"name":"@spaceone/design-system","version":"1.1.0-beta.449","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"dist/mirinae.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","test:watch":"jest --watch","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-template-compiler":"2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-plugin-eslint":"^4.2.3","@vue/cli-plugin-typescript":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-jest":"^26.0.1","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^7.20.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.0.1","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","sass-loader":"10.3.1","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^4.0.1","vue-loader":"^15.10.0","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"},{"name":"Sungmo Jeong","email":"tjdah0853@gmail.com"},{"name":"Minseo Lee","email":"nseolee@gmail.com"},{"name":"Yongtae Park","email":"pyt4105@gmail.com"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"1e31c05c2cfc9fb04292bf11627bd6cbbfe0cc43","_id":"@spaceone/design-system@1.1.0-beta.449","_nodeVersion":"16.18.0","_npmVersion":"8.14.0","dist":{"integrity":"sha512-11AbyJmBxYaJxmMl2Y6pYXV1zVfWHw7L+pysauPZvfKC4odlTWH5fUPIFT3mOnkHNCbbnBuUN3MHJG/EleJElg==","shasum":"dfe9dc00ec0869a0c22010c13ee8c601aa70a67b","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.449.tgz","fileCount":1412,"unpackedSize":46566337,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCsr9qWELNBgibrDYG6KKot06Tb3C2t6GrBQLyKV11g8gIhAKhGvdjogMNxAHzOVcu8B7Nfcfe7hRdsWRDm0QP213+m"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjaa1HACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqEHw//UsB3iOn2taoyG4u/V3np55XicRPWDxob6w9zt1j9IvsPgLIk\r\n6fDLdoBd4o+gRKcTYudesqSljhw2cpaYk9G/2G6DaItJmZ1/AGqBG4R+o1z/\r\nk+l+BbIvc54KZ3ciR/x3o87E9VZMb4jsaRtAIAmY9fcnxExUqW9rQ2799wP3\r\n9GC3MCNhkoNEerQsgplcTgNnZLTAIPRZsUADTNvCt3RnQEpmqhh231hjbCmi\r\npLfrNLrpQX8xE8EgaajV4PpytBqrd5YDHAytk0QfSJp42PRRR2jDGh/d9di/\r\nQLp1hUOmHF/VmZU2AMKII4nLLqCzQkq5JSJwDfcnMEFw3DIl7gBX3tTTpzUN\r\nQCVPytF6k4Wt4g60jq4DWS1KKhbc7KX4A8E3LDlO4eMepVBDcjUi3VRxdF7s\r\nFzBv+4yQ4qq/ZxLsM80nn4Yo4pXA71sTmVS3JI7bhXzsuxEBNpqyEbZfP/5L\r\n+Ee2D0oWHmagP4hjCwlZzVvgkDM9HNY1MIvwFQJcFdZDLi9VRqK2q4rUW6Ex\r\nSE8qFpMDc2hF7OdWaOjiqOZOTK0MakXQBexoZYy6oAoCn6zA22c3Yb8IOSfk\r\niuE7FH1ht1b5H8qkXRvZHmettN2s17dFi8RcOfvYeYDB72XTuwS14ak+A9T9\r\ncTUhaZm4udChzpv0WqM1dUpT3FQcn50MzzA=\r\n=kGPT\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.449_1667870022640_0.07932165931866342"},"_hasShrinkwrap":false},"1.1.0-beta.450":{"name":"@spaceone/design-system","version":"1.1.0-beta.450","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"dist/mirinae.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","test:watch":"jest --watch","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-template-compiler":"2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-plugin-eslint":"^4.2.3","@vue/cli-plugin-typescript":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-jest":"^26.0.1","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^7.20.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.0.1","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","sass-loader":"10.3.1","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^4.0.1","vue-loader":"^15.10.0","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"},{"name":"Sungmo Jeong","email":"tjdah0853@gmail.com"},{"name":"Minseo Lee","email":"nseolee@gmail.com"},{"name":"Yongtae Park","email":"pyt4105@gmail.com"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"9d4dbb4d4bb4098a0602af1a3af19851cb26a6a9","_id":"@spaceone/design-system@1.1.0-beta.450","_nodeVersion":"16.18.0","_npmVersion":"8.14.0","dist":{"integrity":"sha512-HDpIP9OT7KnHSYWgsgrZMAWFPZy4/A15pORHCAhOaQYEGSwQltA/7u+FJ7z+S+2EPA7L8pQPjmfec+1YOwB+SA==","shasum":"9e558cfdeae3d88d63352e1be4a192cf7daef558","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.450.tgz","fileCount":1412,"unpackedSize":46566363,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGp7PBNIjiMvg8ILnFZY4H3s+C9fXaeTNTv0+NmIOeGgAiAalb2rH7KAoqe7GJ0JI2u/6L51t9MtdFY160+8P24Ntw=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJja6WwACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpNoA/+IlkuQ5J2enQbrPLG2plTwXNO/XdeXgMTGH6NOl/B29z/pfvV\r\nWTFw54qb/VUwlmkfcEAfRBqc3dBfu8OEXH+y4mmdhxP0oB0tTA7uwJfpmS39\r\nPFlCBVe2Hv94VAvDKMqQj6oy66MKy5BgAahd1MI0W60t5bFeyqAzybdRfnyI\r\nev35PMuwFEk6C3FVqhMN4EVOM5bfIYLhV2Ur4kYVrekgoMe1ArA+JZO9sPYE\r\nIuKvhMGA5wYR2NXH/WUwn1pFGiPpWnwmngj7Czca/aEaNCq6Ivmqua7YT8nA\r\n1m/tiAM7l2/1aRAfgNoDM9TekjVjRonvGZ2Csbxdz0q0XKg+VyQd7xuerPV/\r\nYBaNmQqz6wZpfPOavwHZi3NrKM4vMGy9X5uhWoZgO/GEhYv9YBjJ+QqRVoyR\r\nC/RTOu930fAnrtYNynI07a1RPG0KmVfdMxcUFZ/RsZfF42BRhj5Z1PNzXqlH\r\nLc1A4GQayp9JUW5djr4td9Ypo71c+aaYQsWiu4I5KH8IzeEAT9Q3hbpmBqep\r\nLSenuDpUgbzouAvCtYiZKRP/bYUmIDB6b1mkELbWDSxLeBRnwL039T4dEknh\r\nLl8zOp7OLK3HIvAkE6UNyXZZgRKac6Pe5GhEzdEMWa2wG6vz4rewqWHai89d\r\n0OkgnUddJgNirQ5atH2uvOtJfTyeDhkZrco=\r\n=U/vo\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.450_1667999152248_0.23157334601866486"},"_hasShrinkwrap":false},"1.1.0-beta.451":{"name":"@spaceone/design-system","version":"1.1.0-beta.451","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"dist/mirinae.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","test:watch":"jest --watch","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-template-compiler":"2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-plugin-eslint":"^4.2.3","@vue/cli-plugin-typescript":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-jest":"^26.0.1","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^7.20.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.0.1","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","sass-loader":"10.3.1","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^4.0.1","vue-loader":"^15.10.0","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"},{"name":"Sungmo Jeong","email":"tjdah0853@gmail.com"},{"name":"Minseo Lee","email":"nseolee@gmail.com"},{"name":"Yongtae Park","email":"pyt4105@gmail.com"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"b7eb5c171cf71bbc44a0cb8f3ebe4b81151f6e52","_id":"@spaceone/design-system@1.1.0-beta.451","_nodeVersion":"16.18.0","_npmVersion":"8.14.0","dist":{"integrity":"sha512-CiZdhct3V1RG7rTuObi9rQCx28adEQVmiuoXTyHUfZSQvjv6XM7hXtBDObnhV23BTOdHCuKXbB+cZzf3gRJQEA==","shasum":"8a66628f067a7fef1217d588722b0d02f6220609","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.451.tgz","fileCount":1421,"unpackedSize":46609748,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCxg6JFp7AOru5n4twltG5snz/wGK908jwjxqOCZOHAeAIgLS5axcJYRgI70eWcyuQj2dhzcEQz4cS3hndKsoVGQG4="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjcughACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrIkRAAmGbZhf5QZT6ViqeMFMrdUOApfg9WNONUd/YLGYKn7Mo+Su8L\r\ndJKTSF7Smu1QAbh80lpoBjL9kqVF+C59Le5zuQVU1kMmAwmBKJExDYoVtM1J\r\nZsRy1iw3kq5Y+Uc87+plKCvOFy+flH1RuC9jTyOwhrUrm4PPnkcDh8ynCugX\r\nvyOE3250Pn6g7FAaE/Z3mFOXeHO99Vy//JXbqtlnVkKNVRJtXKLGnIVlFFHB\r\nOWckNbJCzSKzKEDXZGDZ8W5aopnEa4sF/z66wHr6wzldya1ZsggNpBAUggs0\r\njMqZSQB4rScDGigAZNCInWDynWWAoWaYE3hNYlC7FWoc+3H5D9k1bg2+DIz2\r\nuhctJXAv7zlcHJQoXhpqCTtMp0x4Sd7upg2U4DI1SOdrSYcf44yYJ1oOIt+8\r\nH2aSwUjDE4MOgQXL7+4rUICeXAI70pF8jP9Lxhvb9gqA4o/jEsS81QXqlZeH\r\n1m2iVQOIEdZ+ZGUWZk1D4MUB7Gii/VVkuY0R6ppfz/sOchgZK3RjFojGfbcU\r\nI+7b37Oi9erczelDJAGm0UcXVSndIn6/7jdC/WQ+amfva/hmHHY81QSKkHrj\r\ntUh47dX81kRdVTZCPrOaBuVC8rXjPA7K+x62erc+iWqdNvWtSCb42Qz0/Cnz\r\nCdCHS11gOLAZweZruqUOv9v+OKJ/LNIwzc4=\r\n=MHEC\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.451_1668474913422_0.060990831109122734"},"_hasShrinkwrap":false},"1.1.0-beta.452":{"name":"@spaceone/design-system","version":"1.1.0-beta.452","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"dist/mirinae.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","test:watch":"jest --watch","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-template-compiler":"2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-plugin-eslint":"^4.2.3","@vue/cli-plugin-typescript":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-jest":"^26.0.1","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^7.20.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.0.1","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","sass-loader":"10.3.1","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^4.0.1","vue-loader":"^15.10.0","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"},{"name":"Sungmo Jeong","email":"tjdah0853@gmail.com"},{"name":"Minseo Lee","email":"nseolee@gmail.com"},{"name":"Yongtae Park","email":"pyt4105@gmail.com"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"a0d8dc67d474f49eb7acea3fdd802f5cde42f569","_id":"@spaceone/design-system@1.1.0-beta.452","_nodeVersion":"16.18.0","_npmVersion":"8.14.0","dist":{"integrity":"sha512-Wj3j4V+nOuRBzov6OqVlbyJVE5Xm2zgRi44pIAT9tQKKrf2lhCdRAB8PlC8cr5PQv42ljrJraqZ2vGEnM1HIkA==","shasum":"c2886d982815f8bb2ccdca6c663157cce8f6c616","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.452.tgz","fileCount":1421,"unpackedSize":46610296,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCx2xNxl9cRJurOyXarxORfoW6O9s7t0/+1VjIAUx9H3AIgaQN1rHihH5EseEjxlIGof57ayeSI2nJrqU8TmyNKsw8="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjcz+7ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpCug//dQQBd2bFesOoGoWyZ7VzwUhRWugK90gnJ5Ua+29Y9vKHJ41D\r\njHOj6pnTYJCJYV9DnswHcM5NCa6TEfrSp0ERMICw191K0ueJg0hlNH4nKeun\r\n1EGy8ClqWyvIpxdOL0e/cGiySJGk4rH2yFm6GrbxIGiYtitdSEI8yqzA8/PC\r\nd5R1mEtN3MAcdh30vJUPGrN5DHo2uT3PNjHx2J0lH1iGCU1dx/cmM1THObp3\r\n43jDLu78XpW77VXnxcpCC6K0UhyebxKJAAGnhd5g1Qyg7kXh/S7aR7Wj7bzD\r\nXeZvYnlRzBy0+gw56ZoIyDz+imjkIdsBfbsn0wRBoRQ5azWPM/fIQ+F3UYqU\r\nFcgI4yuOLLvVPyQ05CgAsTl0ON69LZMEL7sqRijdXf9NmikgRFcXxubsbwAW\r\nevXkMPcl8jUBzm4gBWab5Pey6oxvSk2M6Ogi73eJyYnJEeOIXBfwB5FWIwcO\r\n1Obx9Yu4DYAZP5RkyidHAiXJ4deouJVmUEQliVUcArdrqhXPxFfngtPy+sEa\r\nK3nEv4y7r9fcu0J7izxIIfCb5eGm0de1yrCDnID7/2vUtdHOEB/VJvnmUi9v\r\nKpG171ehYnppdhcBcb3mZujQy4vfiArm0TtjI/hP7n7+zZWAd1sFn2li3kpz\r\n6q1KvmVsQG8sg60rGI9uD1SoogfI3gsClG0=\r\n=Npuz\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.452_1668497338752_0.37661538578649023"},"_hasShrinkwrap":false},"1.1.0-beta.453":{"name":"@spaceone/design-system","version":"1.1.0-beta.453","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"dist/mirinae.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","test:watch":"jest --watch","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-template-compiler":"2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-plugin-eslint":"^4.2.3","@vue/cli-plugin-typescript":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-jest":"^26.0.1","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^7.20.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.0.1","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","sass-loader":"10.3.1","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^4.0.1","vue-loader":"^15.10.0","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"},{"name":"Sungmo Jeong","email":"tjdah0853@gmail.com"},{"name":"Minseo Lee","email":"nseolee@gmail.com"},{"name":"Yongtae Park","email":"pyt4105@gmail.com"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"85508ac3ead38ebb60f15babbde6e94e55f36326","_id":"@spaceone/design-system@1.1.0-beta.453","_nodeVersion":"16.18.0","_npmVersion":"8.14.0","dist":{"integrity":"sha512-69UL3N5KdvPhWDqrJl/aonjhh867qwSt2Dyaw5LGvP25FD851nptGXWuZJgVlugDX6QY3kCRgeZoNpcbdRnOQg==","shasum":"eb6007cb711efcf1f683da949ad5e9d8ba4d2917","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.453.tgz","fileCount":1421,"unpackedSize":46611043,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFQ1KOU1jFeYcb4wg7nEdPJrpM8WNc6pg6EeWdv5ahu4AiBDwBrstoqCaSng7tjzuJlmnjXPyOSuyeO63tbV7cwfPg=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjc0esACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoLuw//ciMobfiRWI1zFa5fGQJ8GFAQVivrPDMj4W3JTlp4A9HJtfPx\r\n+2nUQQ51KRb1+NPXrxS4WnDZYMOcF5Ru1lLt3XhZCchzdY4Oqe0lz0kC/exv\r\nh5dmdySVL6zM7G+HEPojftu1F3AA6bNTHncPEuz6zLwX9aHgFge49v3SRSzk\r\nO9NVUNn/gy3hWltwpk5JkrEBDlW1EB0QWpvwNGeOzKW7ov4pIodXpmuImvsf\r\nBjFXuyYt77qKbTlUPdA+oDrBnHMTPhdOFSsavU9y0QVDJ4qTJo1kf8VDkYMA\r\ntZoWKhYvPt98c2gBB3Ab6ZOX1u4AZ4XG9/UFB+Jgq/DLiVaAAKGM7+tgAMP1\r\nKtWM6Fn484F4FKcRWbus2GY3mMWdKsC2H9+pFOayzr7iistTgn7Zh1B7YvJk\r\n28BRWZH4ZxEF1pik/mi+oTC49MdZyO4QdRPDOjwDrQivDn9dkVouMnjJpyRt\r\noFHCl5M0aKoGIrJldlnixaZg2SDhgc3HSj891PyiVp50O+SOdP22yozP4SO/\r\nkuHy1PiC4HwcOfdgUUSStsD6GbwR2wzfHHsxalJ2s6iQdZpxl6NuLffxpsuF\r\nQcckpXaZltxhBLUbYdCsb4MziEEOC8jWb3EFIfgzehvJ8T/DAvitQXKzbUcW\r\nTFPBuYH9A6oGw9hNfg8xZdA4CUSU/u/JEcU=\r\n=hWTM\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.453_1668499371922_0.5458990770791459"},"_hasShrinkwrap":false},"1.1.0-beta.454":{"name":"@spaceone/design-system","version":"1.1.0-beta.454","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"dist/mirinae.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","test:watch":"jest --watch","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-template-compiler":"2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-plugin-eslint":"^4.2.3","@vue/cli-plugin-typescript":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-jest":"^26.0.1","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^7.20.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.0.1","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","sass-loader":"10.3.1","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^4.0.1","vue-loader":"^15.10.0","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"},{"name":"Sungmo Jeong","email":"tjdah0853@gmail.com"},{"name":"Minseo Lee","email":"nseolee@gmail.com"},{"name":"Yongtae Park","email":"pyt4105@gmail.com"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"70ef04905278f34654b6257010b0afea91f3ca55","_id":"@spaceone/design-system@1.1.0-beta.454","_nodeVersion":"16.18.0","_npmVersion":"8.14.0","dist":{"integrity":"sha512-n5I//Q5aEsp/K4BvWh4SSrcrI4+N2lliqUEM7qtZwWBSk0tcvag/2EMe2/PbYZNgfPk7n5WmWr5QkRHCQ/vGlA==","shasum":"92fac169f34ab998274c9037b3794e3f568ec626","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.454.tgz","fileCount":1430,"unpackedSize":46647201,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCU2ujsWM/mXJCN7h3v4VNFy5vTkQMqaHwCxyLmkyCtngIhALT3ic7ZNH5MgR9IOKLeONqQEeSWHmEVO3mZ3djHsRCQ"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjdYW7ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoYOxAAh4Q0tgYuffB5oh4vvk21ghS1OCuIP/eVi+nUEnzSiE/GaOs9\r\nvGaVB7i4ZSq63ORmjmiPe41d4Su5oFg+chxmBOYZKn7vKE1sP9GdPgeAt/f7\r\nAxoLaGbIDB9cya/X6aWDCImRHhK1OESKF+gBmZa+aVR+URdlF9uLaO3TL2Yf\r\nfXpjo38B2/I5qN2nWPSssr8C7a5s2OiZhYxXiTxDmsMZLnr6CHYxVhWaLov1\r\nhhfWzT0kog+EEu7RxZF9j5U4R9KTstCrNJIIJgq36hS65vEovpHdxpMklObe\r\n3XxChGDGKrdCVhiQbAvCW3faqfrypisrc38M14n27N4l8SHl/015ppsQzEB6\r\nn1CfX1VzhIPH/Hbd0VB3MkWDmq3oK/xhob+uzx7r2Waq21iOODQNUuNdjfgp\r\nlx3q81zbkylv95n/xyO9GYblpW5rWOH2o/lUxoTDyivk/CEN4Y1JqxvsV6tr\r\nQDG9BEtjxsefsHGU1DrDhinM0HVGCSH6O4pgqL7pxmCNTSin/5/lY3OUJSHj\r\nlPiYJWfR2fPS9EZYN0kuNhUU1iB4aMQBPE9O+V8UQAxgnV52E2PMc+W+J0+U\r\nDnmPy1Ss35utAG8zg9EhTTNu6HOXV64qbKxWjxZtza2+7qPSZTGmaMo9rR9h\r\nw7JnuXa62b65X9WAqujcsCQu0S2GQmuLAVk=\r\n=bMVP\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.454_1668646330569_0.8134441082943045"},"_hasShrinkwrap":false},"1.1.0-beta.455":{"name":"@spaceone/design-system","version":"1.1.0-beta.455","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"dist/mirinae.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","test:watch":"jest --watch","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-template-compiler":"2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-plugin-eslint":"^4.2.3","@vue/cli-plugin-typescript":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-jest":"^26.0.1","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^7.20.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.0.1","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","sass-loader":"10.3.1","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^4.0.1","vue-loader":"^15.10.0","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"},{"name":"Sungmo Jeong","email":"tjdah0853@gmail.com"},{"name":"Minseo Lee","email":"nseolee@gmail.com"},{"name":"Yongtae Park","email":"pyt4105@gmail.com"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"bb7922b55225eca4c1ad926f409533132e6feaa8","_id":"@spaceone/design-system@1.1.0-beta.455","_nodeVersion":"16.18.0","_npmVersion":"8.14.0","dist":{"integrity":"sha512-ECal3KwOty6lWw+nvjZnc/OKyHJS8QRgEyfi+Q1pxzBbrxIQHcrF65s9lKu894V39LR4/x4+7ZlNRZutFxA9gQ==","shasum":"149023cb28ef240805be44ae3136522b42c699a8","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.455.tgz","fileCount":1435,"unpackedSize":46679940,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDl2Dt87D/zlMKNHBGIzw8wSYqJBVF3GCBczheHSLf9lgIgHJN0y/jf9uJW3AhNMvo7A0WaNVYzjI5PGay9hrnFoE8="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjdeEAACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrS9A/+JH1cHVcaSG5Kcqm9x5uG3JD53W1OGSoAeJRJEbbrjp4sD1yv\r\nLzO3lWghk0gRoYFBRySWurndaDAGjVSrEDPUG/zNhms80O415GvieoFSVt5e\r\nMZ4Lmot/ZBk8o+yh/sHzm9kpCE1X4AMa7K1uXZhTA2IvO7WElgU/AlJ2cddv\r\neOcsd1QmuX9Pv33HMCOuLadSKHoXDChelNJETlI1hvoXTl0eTKXYWrUFDX2m\r\nAa1HPpBo7V4c3sx/0zzuOPyxKR4Nlqe4Imh9OvwlykDDS2mwxEFrb6Efr8Lo\r\nswPy+4Xws0d0pgp+pY7a5DSyLU/LHftw35a1LiEe60FK5kAOGTdEZE24f9Yc\r\n8VSjjQzKfoTM3eLFPFythbRpwI/kByk73bGuvaPX1Fg2iZNtMoSYjaSsdxjq\r\nPR+ndd4BhgP5jlQjlldOp1HwgUTgFKvGoqeorfgFDtcaeNIz+zRFvEHgUk39\r\newVSBHBV17kDVv6I2GSjuFGKoIelNH3hiEmhNdwdobjch5MbErbd78cmjYE6\r\nfMlCjt7s+NF2dFPmf3KzLNe8zY38y3A8bnwl1d/hVK51PGY5tJGYEThTD1x+\r\nP4r2u11HW8nPBlUM7vBPU/QACGXeGh5BunJf4/GASLbXBjJHutMH/NAXb/nJ\r\nyuPxdn1vYghtM8Cssd2T+x8S0CbRTIQDVM0=\r\n=hbzI\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.455_1668669695812_0.6262429564695959"},"_hasShrinkwrap":false},"1.1.0-beta.456":{"name":"@spaceone/design-system","version":"1.1.0-beta.456","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"dist/mirinae.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","test:watch":"jest --watch","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-template-compiler":"2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-plugin-eslint":"^4.2.3","@vue/cli-plugin-typescript":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-jest":"^26.0.1","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^7.20.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.0.1","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","sass-loader":"10.3.1","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^4.0.1","vue-loader":"^15.10.0","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"},{"name":"Sungmo Jeong","email":"tjdah0853@gmail.com"},{"name":"Minseo Lee","email":"nseolee@gmail.com"},{"name":"Yongtae Park","email":"pyt4105@gmail.com"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"bfcea1a2965e11a13ef8a907dfd9a677e39fa0d7","_id":"@spaceone/design-system@1.1.0-beta.456","_nodeVersion":"16.18.0","_npmVersion":"8.14.0","dist":{"integrity":"sha512-uyF16Ulig68orR5jG+bY87BV54IAkydY6Xtmwqdq+jgcJub9hrasYfiYg3q2C6jmiklrSunQRUWGHJH+XdRVIQ==","shasum":"77a632c7c791f14c1ba85fb612dc2467c105143b","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.456.tgz","fileCount":1435,"unpackedSize":46685876,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDO5ko+xX4Snyuuno9gPoXoy9JF90/gP8c25upSehlgPgIhAP+1OSMZAl2oWdiBUWEwUshMMgVUdAa3fEs0ka10I8g+"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjfHHnACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq2TA//YOznUZ+NPm9FFiiHX8GiXJGVtRorPkYFUKExvRj68Twb+Y2R\r\nYU+XWLv4WdYCAmkqjGCfMvXbnKw0MbCIoa4GqOSyb/VNljqUn8YclQD1vF5Y\r\nVGia7+B9EOdpeZXonWgoItu/wJXfPyzgUABkrXjGQ3EutM4GL/mg+eFqL3/C\r\n3lkJZccm+lCV8q1xFX6w9Uy+F9v5Ak4OB+oTnudFGWMe3TXFUY4l5roiN0ju\r\no3sKa6iVFqG/FWXWLeW0bGAA5jMKtmorWhlD0NVP7nSZR2bammHcM74Jnyun\r\nuBQ87W9oFCCSTB0vxZc3qAI0FdJAs+A6/kDXc7HV9X/zc6if/zc+rJ0ekaRp\r\na0hDwuNvXRRETuyleOnrCB3CkaNtWgbP+LCcfAcNq/Pkh//DR1wEVZbSbwLA\r\nM0jF2ZvfdnXWCSjZPKJNJoHrmY7oplHnQm2RxMAp60+l2YldT6fC1pzmp6J0\r\nQGDOV2fUcIvoZGm+mlxJAVSSoZS8LmaazbTaG2JJxJ/4N748Da12cqIAP1LQ\r\nwI5VSgVcjruBJ4opB+bQWojYiXzWQeXcpw0GM4ULXCjwJ70MJDrPSgFDBQgJ\r\nxFVv6Ild+Oy31pAd/3akngpBx6dciVmH17FhdKeohMuLR6hJF44XKnxooxVX\r\n8cHAFi7FjqLPjLhvThhqWbXZZqOl/Olr25c=\r\n=XclB\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.456_1669100007073_0.634998141119665"},"_hasShrinkwrap":false},"1.1.0-beta.457":{"name":"@spaceone/design-system","version":"1.1.0-beta.457","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"dist/mirinae.umd.js","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"build":"vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","build:watch":"vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","analyze":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --target lib --mode production --name mirinae --formats umd src/index.ts","analyze:watch":"VUE_APP_ANALYZE_MOD=true vue-cli-service build --watch --mode development --target lib --name mirinae --formats umd src/index.ts","eslint":"eslint --ext .js,.vue,.ts .","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","test:watch":"jest --watch","cm":"cz","prepare":"husky install","tsc-alias":"tsc-alias -p tsconfig.build.json","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-template-compiler":"2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-plugin-eslint":"^4.2.3","@vue/cli-plugin-typescript":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-jest":"^26.0.1","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","chokidar":"^3.5.3","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^7.2.0","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^7.20.0","fork-ts-checker-webpack-plugin":"^6.0.3","fsevents":"^2.1.3","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.0.1","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","sass":"^1.49.11","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","sass-loader":"10.3.1","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","stylelint-webpack-plugin":"^1.2.3","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vue-jest":"^4.0.1","vue-loader":"^15.10.0","webpack":"^4.28.4","webpack-bundle-analyzer":"^3.8.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"},{"name":"Sungmo Jeong","email":"tjdah0853@gmail.com"},{"name":"Minseo Lee","email":"nseolee@gmail.com"},{"name":"Yongtae Park","email":"pyt4105@gmail.com"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"40b6e9759d88c5809123c97beb3895e29ffab301","_id":"@spaceone/design-system@1.1.0-beta.457","_nodeVersion":"16.18.0","_npmVersion":"8.14.0","dist":{"integrity":"sha512-potaRNtkK9vWfX8CgoIuwMph7ROOVtgeKl5T2opuela/GEjW4OGkwp6Ix77Wqt+qLaT0fPqZXHkgIY0Cm6kalg==","shasum":"d57f1d5636a924f9a7e6e723e19b75b525ad673e","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.457.tgz","fileCount":1453,"unpackedSize":46740377,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD5y32/HtEfwoiaAhALkeuDyolQPzIbUtGBzC6tVEo4HgIgNY+aRz0DodqA9pWbyuEYysKGcF2ggpWSYx9ftELMTxM="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjfIzgACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpucg/+Ocg+N/VO4hvsXlotfKYLUYRs37xzcw0cJ6pdT7UGZFjJSkh3\r\n7DTB8gywnzNjr/SSFnxjoT6jOwePnCFC84ETxSal/YLLqMGTF713lcRhf+mm\r\nqfAOUnlqSHgl/x4MPKGxnCIkgTN2j1aHdT/V/I0JUl+CfUlbfCxL9arv3orO\r\nV/h0JiaGGtJSHzcIeiSCP6/DZwEJLhDR+i4dz+Znc7lzv0jC83KHxTPFbUiP\r\nmpa6t+dnQQ8pS+KeUmJYij+LOMOlxWuC6CJdfhkMM/ISyqPyIn2zDgYsZDLr\r\n1pa/XkVpb1xRwPdQcoXU50IuQEKzANrp+vV64U1ncO4Z2bybY+zWuwyT0JyP\r\nbN4ohUUNMBoc5Vzh2NGcWdXwgBj6qTTPShzcGiwkRqkC7iVuVpaEjzP15oQU\r\nGPNQMV98SuCv+MfH3ezq0e5U9w4adWvK1sOnKU/BvYONDJOIHv3PrBtAwssT\r\nNUzjcYN6x7O2SSactTH17gxPRu1DhKoXwD791GS0+Cw15tu5/Ux5S4E8ABB7\r\ngdgfSDJTjGyc64+y70gAfSdyxrpY2faA3e2jnXP6yOJBJkPPoxSeAu9aanEV\r\niMiAMW93mZGIYVrnG50Q/wXzJfgLY9B5xnyC4I0xDkyo1R8XPjMIaDmiqczn\r\nlWzFnTgIY2YrOwuBmEVeMJRtSeDxM3KZSug=\r\n=Lv8F\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.457_1669106911741_0.9064018333181851"},"_hasShrinkwrap":false},"1.1.0-beta.458":{"name":"@spaceone/design-system","version":"1.1.0-beta.458","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","tsc":"npm run vue-tsc && npm run tsc-alias","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","test:watch":"jest --watch","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-jest":"^26.0.1","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.0.1","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vue-jest":"^4.0.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"},{"name":"Sungmo Jeong","email":"tjdah0853@gmail.com"},{"name":"Minseo Lee","email":"nseolee@gmail.com"},{"name":"Yongtae Park","email":"pyt4105@gmail.com"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"fcb2e582dd20542557cfc4cdf40118c77deec73f","_id":"@spaceone/design-system@1.1.0-beta.458","_nodeVersion":"16.18.1","_npmVersion":"8.14.0","dist":{"integrity":"sha512-WGNIHdPTRsirwrWb5bFzUgComCdDAZc35WfCzYXQg15yiuHgu+KbgTliZpIi/j4iQRz7ffYfFtwvJjePGXLToA==","shasum":"9468972823696dfe879526ec27f26ae9cbe8006f","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.458.tgz","fileCount":1641,"unpackedSize":41033994,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDgDyMucZbhCduvl6/x0QvheK207aRXLNNV+L4lDiBaqgIgWPJCG1WyV1RyogvB+MyaECHsmX0oXTSXob23ZZfbrxU="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjhWzWACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmotEA/9HFAq0Cxd9MOMlacpPIgIMp+b+evL9DZvkKQ6ZakZBI/sxkoD\r\nq2i2donXURcGvIlz0wMfzikA65gaQeh8rEEZhrM7dfjFNxs7wsAcshkA76h5\r\nc6Sd3+DLkSYWV2ILg2LB1h5jn8wMFxY6oToPnr8keY6rF18IxMR10hBBvgYR\r\nrPpN+OfeFRUo5hV2I1iciiXEzP4NveHp2DcsJ64ayaRB5RLRAAjq051JbeDM\r\nHk1OM1iKI+VkCFUS2SS+N04dSEf9QtyllpU3LgLO/eyLlL7m9b0tEIStdryR\r\n+dWmfunZ0te5DpnwroZq0/bpFHHd9P8tcbKYnPkVD8RNTOBV801PhBBHtSGY\r\nOugaqkex/1j406ihF6sRwnl6OVgmCd3ZcAANSSbwr9V1jK7BBdHL75ENkg7x\r\n36EQqSqq/asKY6ek5/O5B8VIhpCpU40KPMu+0mTDD/I4I7cVi334SUJStuN1\r\nZkrPh4yX8nsC5/f3w/YS1g5xVAskH6rFoAMa4r77B976xYUT+2tgik5pjuc+\r\nycP8eJRN15XS7U71q7lAl58hB3rUOHgmuuOA4y19A8lIhLfTNpcOctsuVLuM\r\nkJ2M9uZqgE6l6RcMaQm46AVorjxyH588YWBgE8cKFo+7eX8hjkD2AS3X3ElV\r\nmh5NIm01GePsdQNa9Tc8qQdC5B2k0SUB3Q0=\r\n=a+VD\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.458_1669688533991_0.7095840260573458"},"_hasShrinkwrap":false},"1.1.0-beta.459":{"name":"@spaceone/design-system","version":"1.1.0-beta.459","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","tsc":"npm run vue-tsc && npm run tsc-alias","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","test:watch":"jest --watch","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-jest":"^26.0.1","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.0.1","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vue-jest":"^4.0.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"},{"name":"Sungmo Jeong","email":"tjdah0853@gmail.com"},{"name":"Minseo Lee","email":"nseolee@gmail.com"},{"name":"Yongtae Park","email":"pyt4105@gmail.com"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"887715c55e996f01cbd9817613eeba59fc4de40a","_id":"@spaceone/design-system@1.1.0-beta.459","_nodeVersion":"16.18.1","_npmVersion":"8.14.0","dist":{"integrity":"sha512-OAXIoL/F6a0JtKGuE4Fx/Eat9Sl5PuDAYKzyMrTIBu7dS3T5XBo0ZV/F7IPu1yBQUsVWvCTwbsJVzqWSnQi7tA==","shasum":"e609e1be804e331e638f07cc26d19738f0e1905a","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.459.tgz","fileCount":1641,"unpackedSize":41033968,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD3t3uawqMD4YWs0rhED1K8sist/HdquuF+O9uKK549BQIhAJsLHqUwI2GV3naeo5a7XpII205ZXULHxr0FnH2NcaW0"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjhdfFACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmou4g/+OLRQgTNTZoe1SdpXDGxKxOnSVoRY9JlyOzSAnXE5tslZ7hqc\r\no/64CWsMJGYvmGFIgQTXDjb2731jS1MGW0cgPweHXbChtUIVKLxhvsi+pyaA\r\nHu37Yflga2R8wgMCzae29SaQ0iRSpRP8+Cnm3iwLZDjHAgD5+H7qyOYWbHo5\r\nL+lnrDMXuaOlidhJ9QQCiCv5kGxIglUc+l5g5GaRrlKDDxPq4TvVUlJh9KkS\r\nmxNItDa8WzoTfALpM1dccUZzVUP4oaF/LgmextduZpff85RFmxpqDM7K2IV7\r\naqCVBz3L8NHcz5TgDOhh/XLuDQVt1CepceIRr9DWHV8W0PrrHuVuUc23uA35\r\n3CE5SOeIYRN+zxfehLiL0XGnQfPqnUC+vXnLCF0iS/takXff2dZVGd4eoKgt\r\nrEZYgofgJDNrvD0vJukOaTWaKr82c+Mv3HwfeqEAdqQ7SbGEuROkaZTL+Ftp\r\nSGdu6Ew/pl+q46JM0OfixM7b5jK013b+Mor9oxa09XRmjRyr/FQVvxpPoQ8m\r\ny9JNG6PeddflfGxrC0IUwkrxwM1bDyeWDCDUtlVzgGqbS9DK5sXmlnVx0xzZ\r\nFhI6apHCvYe/6EVjIyvbDHbT4VooJGuCIpYRCrW1VGTBAd82Qo4nEd5kuvSo\r\nRL2KoXUgvd+0iLY+0bnz61skzrkGCmP6otk=\r\n=JnJv\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.459_1669715908988_0.9466666148647978"},"_hasShrinkwrap":false},"1.1.0-beta.460":{"name":"@spaceone/design-system","version":"1.1.0-beta.460","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","tsc":"npm run vue-tsc && npm run tsc-alias","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","test:watch":"jest --watch","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-jest":"^26.0.1","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.0.1","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vue-jest":"^4.0.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"},{"name":"Sungmo Jeong","email":"tjdah0853@gmail.com"},{"name":"Minseo Lee","email":"nseolee@gmail.com"},{"name":"Yongtae Park","email":"pyt4105@gmail.com"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"76b28b4f545820269072daeb65e48f8d851554a6","_id":"@spaceone/design-system@1.1.0-beta.460","_nodeVersion":"16.18.1","_npmVersion":"8.14.0","dist":{"integrity":"sha512-mFMwNWQZM/CeJZMhkUwSzJCGqieigXTPIBW/tN7nZlth9Xh4SPNdXiWbZlqk2SiuWm//Nz5fC3+iLlLK90TxfA==","shasum":"46813c293e523d0c183d715855a07721dbe8cc7a","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.460.tgz","fileCount":1641,"unpackedSize":41034247,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCUE4F1aIbbBh+WxHVm5TIjKsS40BXDRLGEaZ0fjnqOawIhAJk4qXByaf1AImkAGJsqTTHOgFBG4eveCmiKiFMP0Xop"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjjXuVACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp2yw//aCW3L4r3knYzppLfgjjGd5CsU1Ax81ialMqfyaKeDESdy7Ci\r\n4T6Q7BJJYDELr38bpAKhSrt8vdNMguv+OSssdPLcwNigHX4FloJtGkcVvHP7\r\nBWu1VKpLvumZTtJNUXRK6v8/7xgPJrD+v7iu/EvmsaQk64amSwrmOvHNNw6j\r\nRRlReOqcmK20WtO1RJDJL1r4lZg5AnQl4gbZMbe+Am9n5uv2JPnTcz+6K0bN\r\nX7p09P/+7sH7S7EKKTk5NdX84gRvdqNWdemsHZxwt/72TgksXPxssDxGEhTQ\r\nL/uR8PaGFxOG1u1r70a5Zq0ffezUidEPTPmQvynqQXaEd3yYx2XsA/FKszAx\r\nPO4BOfY2agjbkIoh/x8AIN9fq+9gB1pQJ8qEFGktriJIgBcI/+/1Lf2+BO0B\r\nEruLgV4Bfju4viPuotuRdodIukOJLkOehL6DD2bpbSmJOcWZ6tuzZGaXjN3q\r\ndKRaY7oQwrZq2iuPBJf+CuAiKvk8YtDeZ2fEd9I2WQoWlh2wMe3QME38qH0t\r\nyw/r4KBxdNk3CkFIozfA2V1M1z0epmkZAkm0/h+MtgjxgvUvJjplvTdaX6ko\r\nBaLorEKqvOtNLKJOnXEMxrKu1kTy8CFaXqGvuZJCkZGNz64DKmanFfatT/EU\r\nO19AMoSsVMBJvoxBJtl4lP1+Neuais/l51k=\r\n=Ejgz\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.460_1670216597308_0.12472044547684114"},"_hasShrinkwrap":false},"1.1.0-beta.461":{"name":"@spaceone/design-system","version":"1.1.0-beta.461","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","tsc":"npm run vue-tsc && npm run tsc-alias","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","test:watch":"jest --watch","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-jest":"^26.0.1","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.0.1","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vue-jest":"^4.0.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"},{"name":"Sungmo Jeong","email":"tjdah0853@gmail.com"},{"name":"Minseo Lee","email":"nseolee@gmail.com"},{"name":"Yongtae Park","email":"pyt4105@gmail.com"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"9e8c83e33d0a3dbb3f5396bb27abb143c3218988","_id":"@spaceone/design-system@1.1.0-beta.461","_nodeVersion":"16.18.1","_npmVersion":"8.14.0","dist":{"integrity":"sha512-bYkw5W5EZJZlUuVvIjZBMaFw/6GlYQhk+clxIp3ro7yh3nhe5vptcSenwuW24kNlnEndXznK/cqqHeJRF2KEZQ==","shasum":"07363c069c32ab5696ff69ecc6c5dd69882ee600","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.461.tgz","fileCount":1641,"unpackedSize":41035994,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCaLJLuOFVOCLodCzmjFWAOPz9DdXjpppRLYGKCxwTNuAIgKhpPuGqVau4p0IihqGCTEZlAdnA8hTR4ByWS6w8UmwE="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjja4/ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmphBRAAlwBXI/EKGlhJABVsiF0216QTbUytflG8ocJwA+IukblxDvWH\r\nSi6cxwfbFov6igaKhYJvZp5Pl5bz6wewQXH2DRg7X90jV/AN0Nqol71v37ck\r\nZHAoYMIUlUG1Gt73pAbSmkhqChkLWE9LIsXSP4YfSWANioAX9HrJvPMFZcY1\r\ntdTPH4Qdzm/3Bps/eZx5BwGnuwatoYso26asvNkdlgLRq037is7WEJQyMTEE\r\nyuXlB9q3XvrPh3jlEShPV2FeZevTo6yNsCinkoGVFPl9v7u/9N6gAwtFO88C\r\noKsh/6BcV0AY1rQGQ2qWtoeePS2PMrkYefltcTmP/trukyOMevLzM4pWUNyV\r\n2/PdGAZmldw8C2EvyaEu/fSzyKBEk7iRrMkTCrGxBcuqOUf8EL5oVH07C08I\r\n9+zIorcol7A8JKKjbm8gkKTDZdmxMI6j0QR8TOel42VzgcGi/x/MounMLy+t\r\npv2AO1k6YdlWcRzX6gV3oSHIoFG5AzBTgMBPbrN4zJuSPfFF2zkdktHt3MvX\r\nT/K/Sc5/LH/LfoU24FcCAhU4xdmEylfUr4nTbL5OX7x4mTlXtItcGYGmjy4D\r\nk2DO9mQxm2xT2lpHaVoAGCsO3eq31Y4zbLv5hFhJ9Cl7lbBqj6emnyihOKn0\r\nIIKbEHOsJszVAArWSphkkgqKVr+GbTQiCLE=\r\n=eAmQ\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.461_1670229566707_0.8144499091155382"},"_hasShrinkwrap":false},"1.1.0-beta.462":{"name":"@spaceone/design-system","version":"1.1.0-beta.462","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","tsc":"npm run vue-tsc && npm run tsc-alias","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","test:watch":"jest --watch","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-jest":"^26.0.1","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.0.1","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vue-jest":"^4.0.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"},{"name":"Sungmo Jeong","email":"tjdah0853@gmail.com"},{"name":"Minseo Lee","email":"nseolee@gmail.com"},{"name":"Yongtae Park","email":"pyt4105@gmail.com"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"ad05669fbbe18941d32d27cfc73f95f9e3b32c2b","_id":"@spaceone/design-system@1.1.0-beta.462","_nodeVersion":"16.18.1","_npmVersion":"8.14.0","dist":{"integrity":"sha512-hAFTRqJSqas3KnMWYhfuisvbnt5MvWXPQh7+Tbm4tFIkGj/3B4xs6NWHRtk/3gUOvbPXMsyBn7jZ7ikx+wp4Ew==","shasum":"3a87ca983eed9832bcdbb6b2d037f775b059cf04","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.462.tgz","fileCount":1641,"unpackedSize":41047626,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDg4mFkWgqfoIEpPZyMyLEGnGBI6OXEVz7EkMGx8nTcMgIgWRs80/XW8pt1svdv7Kna6OnmVQKM/MyJdWDRMw4ndYk="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjkE7+ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpfsg//dr9FpN3UgR7lGjrMJRs9zL7CC/f81Ypvyup1n3RTCikxzCVr\r\nEDNko7YnVWht6RfT6viiChcTx6DnkJnrk8uCpayAP1UidaoB5ztHXbFEWNbD\r\n7HKmix7h5AK8wzFTmvtVBh7kOVcv6sbry7dLz0y3ddkaZwRfgWUlx6KZbwL5\r\nnIpgAK2yR+t1TU8MiHET3L00InoMBSXN7kVaIJiL5NA9baKK/opgtUhg5Hwc\r\nttNi1Id1MmEpZ6OuLHgfsOfGhAe2y3IAM4m/PsXwTB5O2ucdylagAl5EmJVL\r\nylk98OiK8Cg5/xeWBmhfIptovijgwruqtfX9nMWMTAnm8eML1E5/VchxCzCg\r\n1OcsDCYuPEQnVhhHn+PZ6J3Au/ZhgV84Lapm53camb+n3V++PJlUd6HfYCi2\r\ng21f0HB84vcdaIk/BhXhBQaj+AKpMQvBruAsPapkxKRzAxC3BDOj4yEK1sIe\r\nJmWeucGdcDnmSe8TOptkdLa3cMlaBTk1Z5F9lIhdI2B1VMZTONRB+YGkP0ie\r\nglWetvHRNjeCK4tPeh583NNfv6Hg+4bxol9kaACn3sKG8SNUgRAqIytnGp/9\r\n+uWICnD8h6/hAAHFKKoObOdS58Osf9x/YXqPFgv3B1GmKxswx2Y8UZjAcnDu\r\nXrng56CsRHFu8+/XJhoFvRE95ADYqpzSvRo=\r\n=LOBy\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.462_1670401790472_0.9948425946359458"},"_hasShrinkwrap":false},"1.1.0-beta.463":{"name":"@spaceone/design-system","version":"1.1.0-beta.463","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","tsc":"npm run vue-tsc && npm run tsc-alias","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","test:watch":"jest --watch","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-jest":"^26.0.1","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.0.1","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vue-jest":"^4.0.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"},{"name":"Sungmo Jeong","email":"tjdah0853@gmail.com"},{"name":"Minseo Lee","email":"nseolee@gmail.com"},{"name":"Yongtae Park","email":"pyt4105@gmail.com"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"35072f046813405f074a2236eff745bab80a1567","_id":"@spaceone/design-system@1.1.0-beta.463","_nodeVersion":"16.18.1","_npmVersion":"8.14.0","dist":{"integrity":"sha512-PLMKCNvoIj1kZf85duNhVeQ4QHXqIIqtjyefKaMLkMw9lI+gGgEWTQgda0hZf1zvT2rBntNlzfknMZIGT05HUA==","shasum":"0894dc7da519b07f4bbb7ceb90d2c3d6f559d50a","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.463.tgz","fileCount":1649,"unpackedSize":42116724,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDEZVGJFIdqYTPT1CMD9NcYMTQJmzBlB+XxasVflePIPgIhAOH4f9zkRSeG30JSkIyLVqSZ7/L9vWQrnbT7i99IcNV1"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjkZLXACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp4WRAApPxKYt5o1aiqsaBMJf/k1XjaVk3gIqopNBea6wX6U29o17tD\r\nQqj83AZyR3YiiXnEPds0T8j4fXWylBFlgHCGcCc9sZJ25jKCOJ+53/YvmF6J\r\n54S80j8wRoQ3NwdK4VWM34wZl4WIbWO6mjRLuQCgfoJ66fBCd1QqXdDd1c1d\r\nzz4C3nwZwKiW8LExx09LYD+UVbaWsjYk/AjLKnBGciAIayamb8hJI2hg46zO\r\nlKAsdyg5iG5ahVgtuGjIk6Rgm2Qfm8BrRiTZ7GaUU3N1+Hcl+FOTHmiI+Cvg\r\n9vg+H9QgtUHxM2IaR/xVoKyJswGsV8KPV31WCDrRyxLlHeNhNKnksNaj6pW7\r\nyv+VhXiEgttXuUbzZdOgK1udHN0HwAxdnlawduLr4bouD1ks69P0LOGXqHy6\r\nWNRWp3zm7VtWqb2JjHk7ENCoxZ4FAYbAftnazSdlK97Zh3b4MzgjmpP4sbBX\r\nd66/sj31rTzsihkwEoybsZ5l6bhm+I4INnOKcl0Du5NGUxAOelEmJjfasFUf\r\n9v6qyFu01XOOLOXYKrNS1AIsr7Q9mzly+cKVTNvVg2jDsTKtfo5j0zNNCQz1\r\ndjUepz4FG2ZtfbFyQwNQOtjDg6UhGqQwCg5IfEvKXZhP4GEf8f4HVXDUlx/4\r\nr/UqTCUG4V5rlBN1ml09aLm4KWqj1RY0qP0=\r\n=goZ4\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.463_1670484694836_0.5112453861610704"},"_hasShrinkwrap":false},"1.1.0-beta.464":{"name":"@spaceone/design-system","version":"1.1.0-beta.464","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","tsc":"npm run vue-tsc && npm run tsc-alias","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","test:watch":"jest --watch","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-jest":"^26.0.1","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.0.1","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vue-jest":"^4.0.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"},{"name":"Sungmo Jeong","email":"tjdah0853@gmail.com"},{"name":"Minseo Lee","email":"nseolee@gmail.com"},{"name":"Yongtae Park","email":"pyt4105@gmail.com"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"c9284fcd5f90e08dba8e7fb62daa154c9a0a0531","_id":"@spaceone/design-system@1.1.0-beta.464","_nodeVersion":"16.18.1","_npmVersion":"8.14.0","dist":{"integrity":"sha512-Zv9rUX6zL/fQaE4hlDLc7KxlKWe78KTHSmNIo28We8Beti7A7/gn+L6DHUFlnvHPSqc+RiYIBwahqy5qifrYyw==","shasum":"a3c8a4f62f3a6d3de92ddb011a89b6b9c6fc203c","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.464.tgz","fileCount":1649,"unpackedSize":42118315,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDyNqwaU9nZoilrJVBdCDL0LKezi8TA//yfZSme0mK2/wIgKg4JZ0Cs+nZVBO97wVpTxLH9uoKMZsnwoN6omDzu0AY="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjkZ93ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqvsw/+OJYhu6YJ1hhk1qDzUeUPuUKei2yH9RRrAgz5Ofrp7APggDve\r\nJxncH7TrrZNh6UzIdwPRZnm725X5lGG6Tpl1RNhbkGo7siaEIm7Uc61uAsaB\r\nsxRgS4qYmc0yopyuwZjeUXyWHFw2wNO1eHqDW5gDYeyVwwng/oorpJrMGF22\r\n6AFzoZBpxnew4jSYznUwM90bG5DK6/Zfk+IaWgYKf6XPjD/oohHvCC89RBeS\r\nJ3vVZG5+W0lzzOFPl8K1KJuSEzs5Tg8LN3jecx29zqu0CdyaM7XcB5yGPfB9\r\n/drEFRLgAEoUm3kesMmIgMAXzOY3ilxjsILdOv9QfUkBTQPE00hBhcY6Q9C/\r\n33oXuYVYF5vSe9oAisFXPaGgMAdId7eWOalKyu8ju/ZzvOlBcYplVSFRKV4D\r\nDIhp1ZmHYgDsCJuN9uglaljfRxFZJ8nW4rEKIw9xtyxmwrDAvthOf0uBKEBo\r\njhOID5IcQIr3cAJ0ZAWe0dRqo2nvZfP37vckBuO2xdnMo3ZmmnExwJ/TkLqa\r\ntOaJPPSnU0SizCLfP/jglsFhoQP7jNjjuZCUNy1g6FkOtivLW4cjmtsf2Zmz\r\nuNSnWuxtHzI6r4R71+vOlFxTRTV6Dtn1NhWMFo4t0AJ5frN5C2n9RkaL2zGt\r\njWQQSgvft+Iv2/1GS3+cWBtIxG9eAHrNgkU=\r\n=wNdB\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.464_1670487926572_0.2807439630477031"},"_hasShrinkwrap":false},"1.1.0-beta.465":{"name":"@spaceone/design-system","version":"1.1.0-beta.465","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","tsc":"npm run vue-tsc && npm run tsc-alias","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","test:watch":"jest --watch","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-jest":"^26.0.1","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.0.1","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vue-jest":"^4.0.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"},{"name":"Sungmo Jeong","email":"tjdah0853@gmail.com"},{"name":"Minseo Lee","email":"nseolee@gmail.com"},{"name":"Yongtae Park","email":"pyt4105@gmail.com"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"4e527090526ed1a244a0f82d58b2ce9af773cef4","_id":"@spaceone/design-system@1.1.0-beta.465","_nodeVersion":"16.18.1","_npmVersion":"8.14.0","dist":{"integrity":"sha512-Z5ncrUCIYEQY1hNYo1Vkwf/UiHTSgYiSJ0OtEYdcMLThtCX2O/BBK43T6xcmVKpccrlgakSU/KB0x1bZDIbc1Q==","shasum":"f2d62593213397bf894adb5b29481d563c857b97","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.465.tgz","fileCount":1649,"unpackedSize":42118509,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDiikDG5WYln6MlaCZOBYu+9FE3ZATlDc090wLQyxWzTgIgFHD2nyx9yic+5/Q/sYUiGJaQuVcLZ0+gEvCssIy/zOw="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjktF+ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqEow//a0zhOwe3L+HU2U5AJdFbUfw4VygxIWoQemFlkjEjQs2bznKi\r\nYtffYy6qGRSbeBKP0xC6OdYZQfZ3DCZ6FLtwXCq28Tw5TeB40naSR5d0btcv\r\nErE81UZMVx8XPZeIkJvgH5VzydPYCqDZcxJYLQpmTmAa112QLSf3dumZCZgh\r\n/MS92YUy2bban0Aft96hnlT8bJj58po5HuvwGePvWB6bhBtkNrgwSd+k1mTi\r\nrn4m//TjE3dme8w+pr1vqGAUCNaDacH0V6aB2kPJ64ly6h22oG52x2OS2LqT\r\naGzXTcO/jP3HRvZQ4+R5DTp/Ar2DWKtY54Z+NFQG4yGgOiXiKsb9N+ONkXIB\r\nKWQWxMZRyIY6zU/zggQT78LPmb5l4rzrLOv6pTbVY6ek/GsOZv38VqA08Esa\r\nPABFu5BcrcBybUkNk57rSmq+RK1QVNLM6eXpVaccpPcprTVEyRUzYdd4VDXe\r\nQ1p3uuxe1Da1uA8AG2G4riKcFua6KgkIWQlLZKM4MJPubdpVRRgZVr7YS1cd\r\nIW5UtEhKUychIX23FSyskpQlpHwqGCObwtxkfm416SS0K5doGjtAotSVWWRl\r\nLk8Y/U21GSox/hpAuWinqFaBJb2BOWceAx70qXfrKF4ZIpFNVVnnmBB6FLiJ\r\nouKqLLKVRcWPSpziE+wnW7BIqEmULBmeZds=\r\n=H9HT\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.465_1670566270285_0.15228489418380664"},"_hasShrinkwrap":false},"1.1.0-beta.466":{"name":"@spaceone/design-system","version":"1.1.0-beta.466","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","tsc":"npm run vue-tsc && npm run tsc-alias","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","test:watch":"jest --watch","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-jest":"^26.0.1","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.0.1","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vue-jest":"^4.0.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"},{"name":"Sungmo Jeong","email":"tjdah0853@gmail.com"},{"name":"Minseo Lee","email":"nseolee@gmail.com"},{"name":"Yongtae Park","email":"pyt4105@gmail.com"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"4bfa0d5f2e61ff7f94c5fc0ae69aa31d8ee6ed46","_id":"@spaceone/design-system@1.1.0-beta.466","_nodeVersion":"16.18.1","_npmVersion":"8.14.0","dist":{"integrity":"sha512-WGSM+bkXyjoD+AP1fB9OoU37Y6DeONLpk2P1Y2zyp2MIDvyccVQHUWKpT72N5JH+DUGI19pqSQIO4mvzoQZejw==","shasum":"82ff2ca0ca17c320b3157e32885d60b6693d0b02","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.466.tgz","fileCount":1649,"unpackedSize":42121228,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDezD1fMSuryVKWChXOD8vasMq/mFf3soZfJSokzBMZIwIgYU2CWOSXrVfrGYCN7DkjK0CuVvV196Ysa2nkZeHvRcw="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjlsw7ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqEEw/+PAry76hSIjQ2wCUuxkNMuQgfqRxvqlKJ78yRJk1IJzYwZ+IU\r\n5iPNzWKiWTASN7e1lFRxUM7CE1Yw0Uq4G0zy7ST4OYG4hoTEygQTaYhbldPa\r\nrSAj+oDv7wOeGxZJ4r1ALAbtEGV94NXqUDfRhdEvHURvmHanIODFIrxpx0oE\r\nKJSYCnqgIHDTT2G76Gq+z3VirllfMzGZTW3Tgl30KlyIC6R5IDBE7ISfLqCp\r\nAyA+74UCyK7ep06406KH9LlLQ7pokQnGeUKld95oQEoAJ4Uffi840hbZANxt\r\nv6lnv0ixQ1K9VDN1Uo4YR5uD3phH4N0AfkDY81NGM8tqJcE9AcN4Kyur30Fl\r\n3lZ3D7LliHsnpwwsFbsZMm2vMWTpGvUgNlgft7eJDGjbt89vZe2N68jBIPBS\r\n0GmlGQF/25kCI4FSrOj7aK1kIgsY4h670SgCgKvlpJgjtxeCmCEZW1N+Xo01\r\nkJXarW1Ew0FJpFuDeeNqzpdGgupj+NvXF9wO0kZvLOtICY9du16SWFuM14tJ\r\nFNfTBsGHN7mURMk2ODVpG3jjqvtBRj1O+WNthzj5Gq8TwteZLVgXGSzm9JDF\r\nPHwjmhdxSWwrzzIAunAzbNsNPeidC/3k5JIb/xie7fcVY+Kzhu0/3FIkj1UQ\r\nY5QFeGEpH1tjasq/w1MvjqziubPJWkL5Cj0=\r\n=XKku\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.466_1670827067171_0.12794298202059062"},"_hasShrinkwrap":false},"1.1.0-beta.467":{"name":"@spaceone/design-system","version":"1.1.0-beta.467","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","tsc":"npm run vue-tsc && npm run tsc-alias","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","test:watch":"jest --watch","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-jest":"^26.0.1","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.0.1","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vue-jest":"^4.0.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"},{"name":"Sungmo Jeong","email":"tjdah0853@gmail.com"},{"name":"Minseo Lee","email":"nseolee@gmail.com"},{"name":"Yongtae Park","email":"pyt4105@gmail.com"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"92644291264369b81dadd51ed15e0da1dd67ef5f","_id":"@spaceone/design-system@1.1.0-beta.467","_nodeVersion":"16.18.1","_npmVersion":"8.14.0","dist":{"integrity":"sha512-fijMML1LuVl5l6wCoDYOJrxnMXIXLlVyoJuoaRlws2lhEWcJaKiBNYwmPGMINvmOtq2eVgINnS8Mska4Rqg3NA==","shasum":"cf57b33ba1825a9fca8f96b50ca33117ff82a73d","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.467.tgz","fileCount":1649,"unpackedSize":42122783,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIG9XVrNMJz9hYj3L/GFI/aDDltxy3Jj24fOhGbWF0k+wAiEA7sFspDX8f180fxIbzGAFNLycKj7QMTkhycexVPbGLAo="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjltaGACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqA2BAAhcuMtDKu6kqVong3H3zl/iC+l1JDgVL0nhIkHIG31b0SeINT\r\nUIhJFAdaifRBMlxAW77YQrEgqf+e2pjxecQsAarujwbukmjBKF+vrXU6BdxB\r\nSJtm2Yd05MPkdi7MRJojHJNS7BE4/7ZiFeUKzi0x7N4c4uEuMbx2LieQuSh6\r\nC9bSILMFdsplrrEF9byAOgJfsx+Mxj2MrVVVu0oXNC1oI1OfoOSbzeFHtruV\r\nRdp4vWncUIM0qJUMVuJXkJJn83BVghaUJGJNQ8ejXhIN8s4D52LYll5OQ9L2\r\nsJ6DRyixQKKaOujaiK3Iv5UrS0YN9n2RrvQgY1pEy7t6XiU8ZpzamHo2nfPC\r\nUG1DMAIoFHyi0eqz1oZrVDYkst9kXd9txDEp2TxHEGqGeOhTOqW6ZGVKIWK/\r\n3ymvf8AfkDmmg3KCcNpEvLDlnqGuzlnTmV+isz6rt7PIF8IEsNvZmocSUOAm\r\n1VrY2VZSDLAjzBN/7uFB1gIDa0wOj/Jssnf+DATIfhHbusY4E+LzAWUCF9yZ\r\nAdN/XtDmRdrLp6mSeqF0DUDwFKvMJGqjSoemC22fXuE5AEoj6bJDnSo3Zbvx\r\nAjyDevR8PQBrIsd5xgqDW6DGBGuKoNRhKwNubmu2kiizpKIUNbzXGDwZZ4pd\r\nQTlOrO9tmbVEQ8wUFxHtTeGF6QH1N3kCpY4=\r\n=e3MS\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.467_1670829702321_0.9901491555345618"},"_hasShrinkwrap":false},"1.1.0-beta.468":{"name":"@spaceone/design-system","version":"1.1.0-beta.468","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","tsc":"npm run vue-tsc && npm run tsc-alias","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","test:watch":"jest --watch","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-jest":"^26.0.1","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.0.1","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vue-jest":"^4.0.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"},{"name":"Sungmo Jeong","email":"tjdah0853@gmail.com"},{"name":"Minseo Lee","email":"nseolee@gmail.com"},{"name":"Yongtae Park","email":"pyt4105@gmail.com"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"09acefcd77b31d5a12e56e87a209d5677cb03c7a","_id":"@spaceone/design-system@1.1.0-beta.468","_nodeVersion":"16.18.1","_npmVersion":"8.14.0","dist":{"integrity":"sha512-XBwGujHj9YKLRSfERog9E1D+8LCOQ3oC+RSsCJShYfXKBZq1KZ4+y9wvGDDECcfoxiBBEyojlHS1FVNl5HSlew==","shasum":"ab4b9f9ab060f781797eb9a8c2414c797ef0d551","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.468.tgz","fileCount":1649,"unpackedSize":42126393,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICtXMMD+06q9+ahfGMA7p4IwJywJJTAEiPVtYFapOkcdAiEA/2zI+jZksFyipXjA6wO79IDerHRNNBhGz5++oFRut/8="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjluRqACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo3GBAAnQ9TXsTs2GtViaPso75ImuZ2KgiLE5sZM5gphsMQPjCKKh/L\r\nhwO5+YYuCaF7npN45Qbml9PijvoWKgDg2uYcdXAUviNAYU6EsKhWxDeOjAT8\r\ngWLfHYY8qDcl1xps3iECfk92t2i+SzjmiMu3NCkNNCIh/jlVop6X3lAb7+ZJ\r\n457QuAfeskDg3nLAtvI09JfWdEPeCFYD+n8qKB8QIkHQN+Np0ILLh0H+nJYR\r\nvYQ2/N6vbSVtcZ5yB0X1qKBNJJet5VDbtEF6g9Qu3SXtTgZdQU6JmTWz1P4C\r\nC+mM8y/0pN1+DgdOOejrj3rhVS2ULeUidiNS4+oDp9hMJVU6vxrtHibaEfXL\r\n8kqJHVIkNulCssY2G5YaQLxJX4ABtLfWswBoHezxriK4q4p/MvzAj4OXpVjf\r\n1Ymdi5Sh1gs/ymS/n8PcZeSh5hbrZI09VY9oRDO6Mc0AQ/Z1zdbYEi4YvU54\r\nbiXkdZlL8os6KKtOqCej2T2wmjgTKOjW3Ab4w0osgq3m1HGMQfCGTbpDzvW1\r\n07O0tBuwH3fjZn3cx924kFySMTxe324mWI0lzQFVZcUFctHqYrY5cd/v3ONr\r\n2WEDGBStsftSZdvg2ugU6juXSgzyfJ+Xw3v9gJ2gut1AHRs94+q8NccNSyfN\r\n6MEtO9QZWDMdJ/dydCV48XD9n0LNHeAaqkM=\r\n=5Qnt\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.468_1670833258087_0.05449555605095657"},"_hasShrinkwrap":false},"1.1.0-beta.469":{"name":"@spaceone/design-system","version":"1.1.0-beta.469","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","tsc":"npm run vue-tsc && npm run tsc-alias","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","test:watch":"jest --watch","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"^5.5.9","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-jest":"^26.0.1","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.0.1","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vue-jest":"^4.0.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"},{"name":"Sungmo Jeong","email":"tjdah0853@gmail.com"},{"name":"Minseo Lee","email":"nseolee@gmail.com"},{"name":"Yongtae Park","email":"pyt4105@gmail.com"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"abcee87a0fb14df851b64306c9e5ea44d665263b","_id":"@spaceone/design-system@1.1.0-beta.469","_nodeVersion":"16.18.1","_npmVersion":"8.14.0","dist":{"integrity":"sha512-LGdTodfUkoxlQnAudERwjYC6wQKDNbinxpoLZe32ZhhabxmG4bYE8AhBuy/KSwvBy6HCOyXuKhkbNUZui2cLFw==","shasum":"34763673e980779d382157dea6936d7c07fd6070","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.469.tgz","fileCount":1649,"unpackedSize":42128179,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEs70ZS8wZDP89gz4qY5L0TrVVPSLT/S2gSksn1yALWYAiBK2ajVAc4ek6+KFEgUNn8dD0fUDKFU0gEJxsN0AgQl0A=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjlvb4ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmroYw//VUuO477XqStqH1aw4mrvewNzTcfSgNArF0qaNO3dukz61qNj\r\nY/DGq5guQ/eWIUFnDHyxNutZX/mOfXpGkxQELFCPTtn3389ZtPCgVIf1cobN\r\n8I/SYroM675lqN0SDqcgCZOsttLqLOMsJtwX182/gDtW9Y0tqXM5XiD+Tzvf\r\njqLiqWt1fbyc+msuMTnjmMrAc07SFvrEQweHlsoQL0H8P/g1Tl5CTtSzA0vI\r\nDaFEXf6ySPvvEHQUaZb0uzAogSwtlvxsF+npR0vhQ+YlsAWy0qooSV7GYYbN\r\nG+sAiPPvAv/JhjKvMryANuUlBEk18Ovto8ynhJuxU9pprEV6cKksdG/PkI2n\r\nfmVIjHnbKkZjyRq5RMgpixFdTu05LFVWVR17cy9H/5Nr5oR95cg/jMUZZAZr\r\nNuLkk7twRyiqspPdXSiVF/k3if49eLrwne9llmVrseoW+ljjQnZh5wzFTrNw\r\nzWymDd1BtNBYXTQtUzS8/htmO224a0EKUflqlgVWGN8dIFTEKrwjW+4ORQro\r\n4D6UUFp2THd4K2XLvzV5fKRAri9Vg+nKin4Dw3kCzUPDyV29pIAFh8xagCZq\r\nksDIoaGH+nO3UZq7CJhOiuOsLwqJEIkVncONkiWWUyewbG4wznCLv8cJ7XRI\r\n47vJsViotffkHQT9zrZE6fner4EBWghNlwo=\r\n=OmIq\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.469_1670838007794_0.6589727288316116"},"_hasShrinkwrap":false},"1.1.0-beta.470":{"name":"@spaceone/design-system","version":"1.1.0-beta.470","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","tsc":"npm run vue-tsc && npm run tsc-alias","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","test:watch":"jest --watch","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"5.10.0","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-jest":"^26.0.1","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.0.1","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vue-jest":"^4.0.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"},{"name":"Sungmo Jeong","email":"tjdah0853@gmail.com"},{"name":"Minseo Lee","email":"nseolee@gmail.com"},{"name":"Yongtae Park","email":"pyt4105@gmail.com"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"8ff7cc2fccf1a7ce82c7f67c2d1285e8d22213c4","_id":"@spaceone/design-system@1.1.0-beta.470","_nodeVersion":"16.18.1","_npmVersion":"8.14.0","dist":{"integrity":"sha512-wS9OS33ZkK6Vx1cDc++geaTiHOTazK1YPsYIOPaEgHisp00MxeRHJ5HYWd0ZIc3SOekZUzJ6CDiJrIB649SBmQ==","shasum":"4087481afc36e59a142c166aca3e4aee6dede440","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.470.tgz","fileCount":1649,"unpackedSize":42198158,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDL2uQCoij7My6+uJOsxniNVVAoTpL0V3HROTTjCKDJdwIgbISytQgDnBSRf/b8AndpcxbcZ6d4GDi5T1irITgEqcE="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjmA65ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqVGBAAi2NaAmYKZE9oANvRFxrQVavLZr/m2rYutpwT8RfxnLnMtq9o\r\ndcr4jDpVh1HNWKFEwjxaAncrpwFdpyBwzUeTGPfHmKvfYTMSAoLaev1SQyhr\r\nwdt50qdpjwxRvkB+sgYBlpL/m6yrjTqJBSWB5FkXs1HtqTJ8WZAODtRoK2jz\r\nWZpt4dK7KsnD/R51QtwS0kBctrB1SUAxMOg055k1DCIDNMyunYd7SFSnDXGz\r\nh9ik/GRrQSRnunX6yrfwDn29B12i8Lh4lFpLtKZRMnD2ORbe+6HK8L6NYNSy\r\nu5ZvUbGIXpbQRCb3OaCiGosLjTBNl/julCucgVuOU47XDJX1j/zbbTGQc5Un\r\neYoCu6UM/nQdnGPnJ8qolff1joLdAZvqYQPw+s1HbL0BafnERKoBCT/06J/B\r\nbpme1i1r6zFSf3CQ2WPAQ3ujEik+DuQCr7cC32QVjuzF8H1jbtdOCZYdsOcP\r\ncvfqH7SXwdrzW+IPnCZvENTkPmb6zBQnIbcO4DKY4pyGrjJuzDe+NjtYHIz+\r\nhURs6kaPX4GwwZr5gR3ubtMBTBbW40leCNklquddMqQn3NrzMedxd6UMSpgI\r\ndXg4to06qRfN7MLcKmhVnMsBLC1GtBBEFLg1YM6gtL6Fo9zmsj4sGJ9QBZk+\r\n/YyHa/tOsurgVa84KjOx/n67S+wzOjTKWoA=\r\n=4odU\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.470_1670909624434_0.7684915325338841"},"_hasShrinkwrap":false},"1.1.0-beta.471":{"name":"@spaceone/design-system","version":"1.1.0-beta.471","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","tsc":"npm run vue-tsc && npm run tsc-alias","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","test:watch":"jest --watch","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"5.10.0","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-jest":"^26.0.1","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.0.1","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vue-jest":"^4.0.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"},{"name":"Sungmo Jeong","email":"tjdah0853@gmail.com"},{"name":"Minseo Lee","email":"nseolee@gmail.com"},{"name":"Yongtae Park","email":"pyt4105@gmail.com"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"325cad3461b27d7e78f1aa7b0cfeea2119ddab53","_id":"@spaceone/design-system@1.1.0-beta.471","_nodeVersion":"16.18.1","_npmVersion":"8.14.0","dist":{"integrity":"sha512-5ZFqp5AtC6ej0i256v6MDOR52t999gLz/NmgtfrCWioSlhR+gVVYVeTCtrB9gxSYR0GU+6KaYQItqxijgWJzaw==","shasum":"f3c645d2195c250daf6f983b5fe3ec68f81e648d","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.471.tgz","fileCount":1649,"unpackedSize":42198621,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCpmcr4Qnvm2UWtIgl09ikjRjLNfyWmSDw4wDhsOHXosAIgAzKDqXOpYgVnPU0Bas1L4/gEYKL2NcuHg1vWjFeRdQw="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjmBZHACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrRQhAAiA3vZ4O8ZPqJUpfWkBqrLHcjiT/+gmgfaHtCycpXmgO/iybe\r\nEImeXJpVaZgc0mYJThpAOu5JTaYyP+B8CxXAinhBEiXxAsDyLqdo+uEZxwND\r\n+aMZfdce+f1PlRZ64RJI/m/yRnO0PvXpw7MC5SXw/fvWIJ6iPGzOXHuFuB5r\r\n845HMCf2ftmrFqQs1KQPWwa0SKG3wc3mtmnTOdtPI3LBlhPFdmlNtA1Tml6n\r\nhF428ii1C5v1PORFyVWPv+SEXY608mjapa/TwleVJIitLqddEGIEjDbffwY2\r\nukMb7NrhuXGLgOp4gJKZuryVBeYvV9RZ/rakzcS9v1dHhhDFYew+DGVG/E1z\r\nLl2NCT/SlGVVxDUmIAc1sp6PcYROgg4UKvMsPg+6d775TkYRf2mmEzIn4GhN\r\nM0yvxW3IDewYcQETISCnfMxD3rJ532YJ83WtDzPEkfWIPUZTS7RACsX5TYlH\r\n5DkQ55zh1v6F9EKGxami5i+33ddkxxnnswmyIstQMHthbqsoxjjIq921O97D\r\nFZUSksA1OjybEPWOAOfIB8L/QikiiL8LT1XsgXZHTYC/YClnvsxn6X+WHZ1P\r\nJodLV+TN/1wqLWJzUVYDessofsatK79UEFJudhtvWm4Vd8rTwc9Ubyxhq+wC\r\n1IxGa2GNS1dJyBUYvaS+/LVpzQcKbEFCGdU=\r\n=xRwv\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.471_1670911558549_0.9380395300974682"},"_hasShrinkwrap":false},"1.1.0-beta.472":{"name":"@spaceone/design-system","version":"1.1.0-beta.472","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","tsc":"npm run vue-tsc && npm run tsc-alias","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","test:watch":"jest --watch","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"5.10.0","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-jest":"^26.0.1","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.0.1","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vue-jest":"^4.0.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"},{"name":"Sungmo Jeong","email":"tjdah0853@gmail.com"},{"name":"Minseo Lee","email":"nseolee@gmail.com"},{"name":"Yongtae Park","email":"pyt4105@gmail.com"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"59c362a1ea2c5b539b8c048503f19dd13e172bd7","_id":"@spaceone/design-system@1.1.0-beta.472","_nodeVersion":"16.18.1","_npmVersion":"8.14.0","dist":{"integrity":"sha512-GEvacwy66YEj44o1aYa9HLCdnaXMqHGg71npa5QonkRUioxvGVHSCkzIzm/pFEQMQ9J//u6FX4VyEND2V5mG9Q==","shasum":"ef146a402de520b6b98fc473e6dc308874970210","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.472.tgz","fileCount":1649,"unpackedSize":42199106,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFaI7/mvrjjffhYYpzdu58eRjB7vB4INKu7SwAbC1HtNAiEAy7HR4dmE6ZG4WGpkxt76yjR5mZfCEt+ZjKDCZVRU1s4="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjmCOcACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqSNQ//Vf64KiOUS9KkCCipXUJ2nMFAGQfLjq4INPUJXMAlg07gCl1T\r\nudn30AkbzXh4mYfQF4LsHmzVafVN1QeH8/TiqBFyVDTx4gHLzW8czY/rxac9\r\n5LoOaC8kAFngjYgAdz3q0EGTcoCA1+WlpHTIP0V75DHFkUW5/DFENUwSaJCg\r\nr4LvRNIFgjfDg5BqDa3ND18kD95vmkskXCuNpKDjATko6M6PDQEd7oAFb0n5\r\n+1WIyD+VbUaQcZ8zTsQce7gjs4LJjIYL7vUopfPlrRCFhKho2UKx7SHuLUnb\r\n23g1o36v50gtdzkgMF0dYI7wEE/diHFoc8LR/0lWiwhmdPO/Sz2GsWwEeJhd\r\nC0Cy4Xwt0ETJR2oxb61M/xZvRm2iV0MtN/+wAsoNxTQjQlf1riwC2/5eMJNg\r\n1D+Bo2hb8zqkMq443pohkmOPP+zRM630iCAB9TgYD1vSK/l32dksPqIGl75K\r\nqqZzRlIJr/md61AbY3wd4E8RdAh54T7NvxwRNJSzh3MijETcYKaQdaBTnWUO\r\nxkd7fM0yM3KzOQbG+pyMJN7DSABWSwCykwWuY9jNLVgM9mPYN1SENGG9z+F1\r\n3nq7HxiB19kGkW62ac52IWhHYcgI/8KcKSAL1kOZ0sohFMEUclFF4y5pvVmi\r\nEm1WIqMExOhecpC3oZR6/JGVbdizJ0mNct4=\r\n=HlyY\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.472_1670914971553_0.16587411286953424"},"_hasShrinkwrap":false},"1.1.0-beta.473":{"name":"@spaceone/design-system","version":"1.1.0-beta.473","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","tsc":"npm run vue-tsc && npm run tsc-alias","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","test:watch":"jest --watch","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"5.10.0","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-jest":"^26.0.1","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.0.1","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vue-jest":"^4.0.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"},{"name":"Sungmo Jeong","email":"tjdah0853@gmail.com"},{"name":"Minseo Lee","email":"nseolee@gmail.com"},{"name":"Yongtae Park","email":"pyt4105@gmail.com"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"2a54128d2e829b6201ffa663814c098239f2509e","_id":"@spaceone/design-system@1.1.0-beta.473","_nodeVersion":"16.18.1","_npmVersion":"8.14.0","dist":{"integrity":"sha512-yHks6TBFpXcRMKMuNvXKwPMLVXVrfPVgym1EJ/7z4LNmZ+dC2QoyjE+N1UI5EkzEFtTGu9FO1xxFclDaJiLOjA==","shasum":"71c627cda4790a16cc5176a124fc5e00a840f77c","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.473.tgz","fileCount":1649,"unpackedSize":42199250,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCia7xZG4639XciJ67LDoqd3iUfSK0YDro4rg1DBuSRrgIgMYoNHHuzmxa+k/NbF9+oLjSyKH8/nD/kQcFTobNwBFI="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjmEDoACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr5ew/8C3Yspvl6pifHxCYszS4EeGNRHx1O/YhdXhs4pDEtxRelklYo\r\nu2MsolPqX6V+cAfLoRY+dGRuq6fpnqn53FEs7PwwGrg8kj6NY7ZulgMrDUrg\r\n375ZVPdfaj0BpczT5OEIkb0iwrAg7lPCx0orTSOPrA1FAzbAhXi3vGmeYie7\r\nUgv70dteU/1nMWJEGW9R4tfPcIPob9eVzsFrIbdqEiDCqcc8lqAWcMBeEuOY\r\nE80XPx40U50AWkzCjAW3re/+BCqvcwku22pSGnSnH80XEexhtSQ1FskhWjL6\r\nI2QIGXICR26ZSBqCyLsdIv/5IkD4QDJgzCcpRIKBWZ+Hn1Z112O4awbftRIv\r\nlMPd3YxqyF+yHti6KLmsgTdNfvWepd5C3bZD2wLs6hAeipQKEsqXl2O2EizY\r\nwi9jWIpEkLtHovFqkDZ9yhbZ9jOWbcrAyEOzK7BvH3zr7gm5v+tAyzWK9GYi\r\nyI11NBwtkyWLBxCY3pkJ6S6ICJWgcUTgMwVTdML5vZbyA3kZA8ef89NPIqXP\r\niF8lZVTAYDpbfNqgg97vaUVM2NmlUUZYIW2yQyTfvAKsjh8UQ6U1kL82nYmi\r\nq+ZufthHYE1ZccVUvsLgsvfCgushfEeOMFIVetM6b/6/ZMDRLyRovKJql3bx\r\nvp52SlMiZ1W1K43QeR9QJInJtaYDCtN1o0E=\r\n=MPFr\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.473_1670922472182_0.3746419847083542"},"_hasShrinkwrap":false},"1.1.0-beta.474":{"name":"@spaceone/design-system","version":"1.1.0-beta.474","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","tsc":"npm run vue-tsc && npm run tsc-alias","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","test:watch":"jest --watch","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"5.10.0","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-jest":"^26.0.1","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.0.1","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vue-jest":"^4.0.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"},{"name":"Sungmo Jeong","email":"tjdah0853@gmail.com"},{"name":"Minseo Lee","email":"nseolee@gmail.com"},{"name":"Yongtae Park","email":"pyt4105@gmail.com"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"c54f1f33a632b83af3366cce5a854bea970b8b91","_id":"@spaceone/design-system@1.1.0-beta.474","_nodeVersion":"16.18.1","_npmVersion":"8.14.0","dist":{"integrity":"sha512-oUeaBYzRtX3d2QX5Xl4msHZFf7VRP70wHiXau/2WHQ0jo8Ie6tUhOHZ3rEKsQWBWn8glJsed9n9IHMGGExo2bg==","shasum":"2f03595b7198d26e375be632fa80db1d89f9f157","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.474.tgz","fileCount":1649,"unpackedSize":42200381,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDMeWACdxr8Gy5YvYFtPE7thd97zt3kx5gm/mVi1kizgAiA0zHwqdrf8nlvy+cBAshPujTrvrkio3hDVDhykc5XRdQ=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjmFmYACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrx1xAAmLR9UBZToAyetwpj65jTCnuxmy80bHmQnnrIC2uXcryK7PEa\r\ni4T6LEzSg5tQWbzoXV4IxpeHi3iC/MppalASzBfwY3H10g40dn+PkeYi4a2N\r\nWHxfS9CCu+cHvYMQ5D24FSl+0a2UrxCtqSLjElx7hpnTGq1WK35+ZCNNncbu\r\nApmr5CRbPE1zeuxIutjGTgxlg0stVrWYR7P0FR+gLExce3HaGHtrSBgfXoUt\r\n13ez9AQYwR9e/36IDbPvJUZXsnkBWzPpUtiy22zXep0JBBK+Z7lsJfAh1wzW\r\nnt05Am//DOK7v/ll4rJzebXW2RHlGKyyaXmzBYaChhVWRbq68VKMFDxEbEzs\r\nrRCo3Eq9LIFpO29po8+mlPhs0it9IhAIE05Wx0XFOwSmE4SrJXq1aSfOxmYF\r\n1n6eIW8PhX1N2E+6wDB5IS6gNr4/3f+u/ywJxg5K5byBqHCxCFglZ7LEOYip\r\nJoc4Qc4RHCA7wQJZ458OBPZD9tLI0on+3nVQyEFe+PGHT0Rypa1YrLYaDoEh\r\n0+X8JsCO5l5fmVX9yDr7F2VCVFUVrIBLRRLZT0OpUnUjMR0UdaLOYVKS09aW\r\nwq2TFbw4HJdoLn27gpZEJjYbriutLWhE105f9Jv2r9MIcOcOfLiyFS0cEjR+\r\nbLw2okDsF1BuINPJ5bTI+4a7Ox34bYMAYkc=\r\n=9DR3\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.474_1670928792197_0.08827449511063223"},"_hasShrinkwrap":false},"1.1.0-beta.475":{"name":"@spaceone/design-system","version":"1.1.0-beta.475","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","tsc":"npm run vue-tsc && npm run tsc-alias","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","test:watch":"jest --watch","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"5.10.0","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-jest":"^26.0.1","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.0.1","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vue-jest":"^4.0.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"},{"name":"Sungmo Jeong","email":"tjdah0853@gmail.com"},{"name":"Minseo Lee","email":"nseolee@gmail.com"},{"name":"Yongtae Park","email":"pyt4105@gmail.com"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"384905591fad0ae83f131aa52cbbc9575ce8faa7","_id":"@spaceone/design-system@1.1.0-beta.475","_nodeVersion":"16.18.1","_npmVersion":"8.14.0","dist":{"integrity":"sha512-eJKhN59BFq0c41ULnPxGnWrGl1LZTcBtRVx/5GQaoJHL9gdoZE1SVCajff/CYRkoTTjtIGFK6atxOuVPso5sTQ==","shasum":"36bece1656af7cfa9be7055b4dde526c052ab381","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.475.tgz","fileCount":1649,"unpackedSize":42202777,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIASBokXTqqvFJCbAtwuhFQJS6LDMU1K8V2+Doux+ZAFcAiEAycEjKF8FzRd9MQnL7DcqSgDZMs+jCF03BwU+oG7oLMk="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjmVPMACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpsUxAAnLMLxKW0K314yHH6lZknj/OmGg0ZYsVklyDJlI0TCRsD6SmK\r\n4KryJiUNnTbudCl6SK+ZcYy6gVVLAgzlD7QZiOg+0IN6mmZeUNQ+n9tmPQRM\r\nUEVtPS0u6CF72ibHs7clQkor41ye2C/NIZ4qCNyupNIxhU3N53iQIp7TLKBM\r\nhxA/5RJ8xHS9dDfTipGJOY0MKhcuERaPftEsE5Zic0EuDIR3QUYfQvKPfsxc\r\nEiRIkw+xNOSa6U0mBbs5Is2WxvlMkdd+fh6pKQuoOwT+TSewV7RzlxZp4KcA\r\nM3w5CZsn9PAMtPDULbYuoRhyPIGGqhEc/rfeT6ddBPXxKItX0b0y/U1lnpyj\r\n9QD7eZhkQJyVljBhPsdqdnzMwjtyxH+dfzpQNeeDrHfp0lzONH5hJSAYDlPq\r\n5xTz4uE37C0BemgSglf4jKpCtFXTv4EFfUd6nI2CDgiP4yyJY7TgJ6CK6+rY\r\n08nPGCI7HgublYHP1BqOrOj1G7u/F0nrqtdYgYuNnZ9dN1Bi2lwP6EDAxL0d\r\nXlQH7jiRsxJlNHgJIkF4b9G2qISyI5R4YIXP62nxUf0bF0J1TCpWz1rzdW6Q\r\nE0HGp1n3aWSCi8x1P8batIwa9jZAib/sBiGKB0cSN2FE836ZAwfu8aGvmeTk\r\n8TEuyn3yrZnwkHtrjZObGTbpCYdIhXNPbmg=\r\n=Z2/R\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.475_1670992843921_0.09493518112091714"},"_hasShrinkwrap":false},"1.1.0-beta.476":{"name":"@spaceone/design-system","version":"1.1.0-beta.476","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","tsc":"npm run vue-tsc && npm run tsc-alias","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","test:watch":"jest --watch","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"5.10.0","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-jest":"^26.0.1","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.0.1","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vue-jest":"^4.0.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"},{"name":"Sungmo Jeong","email":"tjdah0853@gmail.com"},{"name":"Minseo Lee","email":"nseolee@gmail.com"},{"name":"Yongtae Park","email":"pyt4105@gmail.com"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"0b7b829016662bf1879b7e6be15b206e25b8637e","_id":"@spaceone/design-system@1.1.0-beta.476","_nodeVersion":"16.18.1","_npmVersion":"8.14.0","dist":{"integrity":"sha512-dTprfyI0BFUHup2H0n232Zq48mj5Y8rxJ8NjCNgOLOAhcO5mro1axCEBNbHvKT6CTO+NYYHGPu0CvxN/+CmzqQ==","shasum":"052d2552640472f6c33a02c0e420291c57c61d34","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.476.tgz","fileCount":1649,"unpackedSize":42202775,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDor4UQbz2aKzK7rUtRDyrKiVLsC8LU33r1LUn5wt6mhgIgF9dZ4a8XFho2KGvx9DSXFUkhIrYrHkbrNqB77K6GzqM="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjmvHVACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqMaw//dw5YvPiEj8fM8sPNvwglf54mvCwIo0J5j22Qwg0HbPyLkao5\r\nMb2eMB1PJKzQ9kFXXaDZuhtS6sTftz+nCNUk0hwhIIdC3tlviEKfYGsdTRRl\r\nEJIXFSC6xaajg8rQ9D4xsuLnXvPpGb6NM878yc6KAJv9zEQd3CEs6bakNO2V\r\nBtZy8q1hEKwuTl6oUy+GCXGt1o4e8fRWvt5oCzmEoTupN3a81pRfrKpgpYvK\r\ndTMJ7cA7t99qq+7KwGovLrym2Y/sMXk/A3L/mkbIpRd/Tx5XkEupIvtDCdF+\r\n+5OFibyMLp3kcDpOX/MnZAp/ekIpjRyJZ9uMMSWXQuMUQsk1JvZl7S1ilhGr\r\nhpB6PF/Hbfu/F3wefMQt11WRitKzVEvviQc8B2AY0FtfURVDbS9ZNeFwgLPl\r\nTL2QT1Hmq3nrCUBp+DxCcp+zL2HDEbJciUErNq2XxYSxWcPX2gUcjo64+B8j\r\n9kfgHSJRgZdX9fvM2nsAW+CtSjiwSKWiHfbmlZovqKXpbumdjNq33vliqEnm\r\nSSF2QSKJ9mCzAqtSDCUyHd6N0BZhZCDBlRmAJZmN5P5mg1rlyM7jsNx5nxVA\r\ndMJr3ByD89kAUw2d+J6FccHNhMD+gwN4anRe1qr1J2xkPvKkeQSAD7NDmkhg\r\nKLl0fCcMSPGW3qdy2bEjd1nm2OZRfmmuW0I=\r\n=N2Ex\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.476_1671098836761_0.45176888980232244"},"_hasShrinkwrap":false},"1.1.0-beta.477":{"name":"@spaceone/design-system","version":"1.1.0-beta.477","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","tsc":"npm run vue-tsc && npm run tsc-alias","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","test:watch":"jest --watch","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"5.10.0","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-jest":"^26.0.1","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.0.1","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vue-jest":"^4.0.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"},{"name":"Sungmo Jeong","email":"tjdah0853@gmail.com"},{"name":"Minseo Lee","email":"nseolee@gmail.com"},{"name":"Yongtae Park","email":"pyt4105@gmail.com"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"bd3ca69718998ca4f2e5091fbf5158ef0f276534","_id":"@spaceone/design-system@1.1.0-beta.477","_nodeVersion":"16.18.1","_npmVersion":"8.14.0","dist":{"integrity":"sha512-j9pbsYORJ1vagv5vs8KMeV49B3tcDsvuuqF+I1kSODgARS5ddjK6HFkCK4E6T3xAb89LzJiZVXNsxTgpY+eEWg==","shasum":"16815223c3879dbd22f510f6dfd6da27f53d120a","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.477.tgz","fileCount":1649,"unpackedSize":42202775,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBTaJSes0UtgN2G9OCvHB3771s0jf1dbeJLrBOe/V8qOAiEAprcmKiu4fSIEUOkePV4fT2wnVRpVWC9dRa60slgiajY="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjn+YzACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoI9w//WaUEiqqUCN7z7YKnWuc7MeShOXTs1MFb5pPOenj5sRNhiY7E\r\nddiaImd3mlC2iWycek3ucw8V9T2UhcEsloaXCwlEj/+SRv/dy9j9wfQ0kxAj\r\nmJrN6Pxtg2hudtK/SBWf+juSF49McjTYs4wBo4OMcE8c+9pHTpstj/rd0v4l\r\nzC8TM4hNvSQ5HSugWqyVOR1fed2PszpK0I3TuQC7cV9CE1+Rr/dIDP7/AYOI\r\nZzarICmHkX2aMlCcEXr3PoSLmuRVfm7UZ6J21uciva5b8twAvINW1fHUDW9W\r\nSTER/6vu2UQG42/QTay5dR6X7U/71Ic5x1xKahOdJpJB3NYggiVKDizjGUHe\r\nBXyCJA6F1oZgBZT4P4g18sNy0bB1V2Zz8V8A5UQf3H3qMxY/bKpPPSgJaQ7L\r\nCvRjdnJb1ZdiaZtKJ/qyKJ1C3dVo+NgJqrkNIiAA40RFVfukXwL3DenqODn/\r\nmu1z9/D6a2/bYFiByegpN5iTwQs9H2t8fCu8YYhOTOSaS/xaD1kUbsWW0x4O\r\nhUwoet7p30mng8u9/IkyYKim6+EXbmKZDL6748LNjo/YaeL8mJXW1ZtG6sSW\r\nWXgT2jwXabK0+vASLAdrsaK3sm80sSK3y0xcaiTWtKQEd4bZeE55SNtdHCsx\r\nVDXZzVak7C59lc7EXK/7C4ofaskVnr0CTDo=\r\n=fr0R\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.477_1671423539261_0.27159407377703393"},"_hasShrinkwrap":false},"1.1.0-beta.478":{"name":"@spaceone/design-system","version":"1.1.0-beta.478","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","tsc":"npm run vue-tsc && npm run tsc-alias","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","test:watch":"jest --watch","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"5.10.0","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-jest":"^26.0.1","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.0.1","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.2.0","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vue-jest":"^4.0.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"},{"name":"Sungmo Jeong","email":"tjdah0853@gmail.com"},{"name":"Minseo Lee","email":"nseolee@gmail.com"},{"name":"Yongtae Park","email":"pyt4105@gmail.com"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"1002c12101d7d879341e92291d34e63e92aab3e4","_id":"@spaceone/design-system@1.1.0-beta.478","_nodeVersion":"16.18.1","_npmVersion":"8.14.0","dist":{"integrity":"sha512-42i9ZTESJJ8SBtO4pIn3l+GFmpzJZQ9NW+DOzYl35PIQZndDouvahNxpSwkvenPHAPOA15QINh6twQCeVwQ8xw==","shasum":"12ea9f3b88cd0dc64d7e7d72527a71a9395b74d9","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.478.tgz","fileCount":1649,"unpackedSize":42202907,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDN3vyzKT68iW68WRR6C4ZgaIA9HxkFuaiqAnTqO3cheAiEAjL+jifmGUT51tI2o2ILBry92GED5qJjPtuonqx0vzBY="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjoTrgACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrWjBAAo6Ft+tLCvmVIZcoVYaKH2m2Xq4GgbV22wfZrFxPKIASjiQSn\r\nNIOwaGOZoqtOyK5ISLtq8bOKhea4CPZEN6VOs/50oladR8ENDMDARwYY1QEb\r\nI4l0R8qzc3iqLPAMlIohn8QXMJdSxOjh1xpt6EsAh6OSSbqgSgqK9xzgr8W/\r\nABWrfe9hr3R9+XLoEUmEsWLq2v6DL0Ge3+7spr1RwrzQscIy+r5GebR5goNS\r\nGWozzqdT2jTcrxnkODlOcTucC4jRDJohkpyukEgTjzLXw4lSeAHz0eNzX6uf\r\nzyIinLAiaM52v+sgiu1zqVsv3yXHqwQCym82hDNwpZGx5Ms4fMgJfPXWLww0\r\nBYymz0H0G3sPdG9o8knhkD4fqJJVvH2JPMpJ2BpPIaPEqy1FFzUBa96HBXhQ\r\n93oQz8vqZRkJUtB1wDCb/4rus5nj2ES8707AlsRUZ0pRa7GDB8f53NGy3okL\r\nBEN3AzAxyOK2m7SIwKtvT1rSpykcFjX9iLVNEAKdtMHysWTnb9ZM/JxrYM5r\r\n8pabSeGkSTltmhKywgGOKhsFkaff6JJsAOtbutDLmPOH3p6m7rTHD/PCdmq7\r\n+ssdH4q1lVwwiYHzWLYjPVlhJiuWbZ7eNnRms7o+A76NKX6B3iuAJb2UGYox\r\nf7cDCWtysezTJgyUh45geCLrj4welVGrqBo=\r\n=saeU\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.478_1671510751977_0.29403262784430795"},"_hasShrinkwrap":false},"1.1.0-beta.479":{"name":"@spaceone/design-system","version":"1.1.0-beta.479","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","tsc":"npm run vue-tsc && npm run tsc-alias","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","test:watch":"jest --watch","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"5.10.0","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-jest":"^26.0.1","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.0.1","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.9.6","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vue-jest":"^4.0.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"},{"name":"Sungmo Jeong","email":"tjdah0853@gmail.com"},{"name":"Minseo Lee","email":"nseolee@gmail.com"},{"name":"Yongtae Park","email":"pyt4105@gmail.com"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"08899591b0c585d71eb1882a71ae0b8bfdf4a433","_id":"@spaceone/design-system@1.1.0-beta.479","_nodeVersion":"16.18.1","_npmVersion":"8.14.0","dist":{"integrity":"sha512-l3nhTEvu2E/zg51jn4ak0zJQWjAwMNmjtrCD/5NXDrovUW+ibgXCE1EoHxsqAELKLAKs0IKHduelKxf3biyuRg==","shasum":"54e41cd17fa273d6ce0865ebec95455f38e97da1","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.479.tgz","fileCount":1650,"unpackedSize":59957597,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICvzWhQU2oZs1bIYRTegSfNWKAAerqjrq2CewQHRqrqOAiEAqpbKHI5xYchRm8Snls2o3fJeFiMMsD+Nrssvg1wmuD8="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjoVz8ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpFQA//bXqMAFBu/z9/aDp6NOKAzcgww7dVH07k2u5VxR7GrmBMMo3A\r\n349NPMCyJBaM7H/VDeKatilLPi2NMPU8LlwVog43v4XyOvCsTwB0htCqoYEj\r\nfdggaS+iPCt7A/4qjLyfrlgsKK84XVj80LGuA2ChWJTHopiqeZNsHtShB8b/\r\nrm6UqbSQoRJVVrm1k8XPpFx2svZSR3ouEsp9KFmGUI6At8P/BqKdDuQoCS6a\r\nA8Ly9oIAW4SsjCwELj0bEqzYZiioUWLK1Atahz0SmVm2CwpOyoKOVN2i/xoL\r\nbwA9uxkqEOQZhgFavddby/ewB/0FwJUhVgzFBoGkz9F2tjl0d7MCWui8n8x2\r\n8dgQo2rExMwsIslSC6LrkLvKlPNjkFfb5HTNS53jSkX5v5PdaFqBY7lVcA07\r\nE6fHdnkMfyAupZNmpIcEH0U5MGLCSHugAIm6e3mFLJ/mWPRUicpIeq2gY0Sw\r\nuJnmCpHgxli+VHJI9yxjvWUdhAWLQ/rgXGx8H0xLcqyAXB6VCm1FjE45hHzP\r\nEjolqCwAozO6AmdV24IGq/fInzA5Qtdwv01QGbdTz5tTwTMvr5S3XZiwiiUb\r\nvoP4ClMrhpJPUXWjnkXoekeiIXCW5zWEdi6OjfQe/BWSqcNaee092lZyLGbP\r\nEIv873Ao1MlGZa+boZhYVxpb/TnAgQOyFW0=\r\n=UZ+j\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.479_1671519484288_0.018024879608652622"},"_hasShrinkwrap":false},"1.1.0-beta.480":{"name":"@spaceone/design-system","version":"1.1.0-beta.480","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","tsc":"npm run vue-tsc && npm run tsc-alias","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","test:watch":"jest --watch","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"5.10.0","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-jest":"^26.0.1","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.0.1","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.9.6","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vue-jest":"^4.0.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"},{"name":"Sungmo Jeong","email":"tjdah0853@gmail.com"},{"name":"Minseo Lee","email":"nseolee@gmail.com"},{"name":"Yongtae Park","email":"pyt4105@gmail.com"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"dbb21eab619db7dcee18d6eaaa48addbb53f6cdf","_id":"@spaceone/design-system@1.1.0-beta.480","_nodeVersion":"16.18.1","_npmVersion":"8.14.0","dist":{"integrity":"sha512-PAMWFRlxopdqPRNcFzaPlnp5GQI8ECzjtpH4hDiu+lT3nfz/B8F7nIxlc0N6wadBi5fBvsZwMYWpCPs7rZdG9A==","shasum":"49fc98d67d5293f9fb5c76108536e3d13780b3d7","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.480.tgz","fileCount":1650,"unpackedSize":59959071,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD184anCJjmUoPkH2M2rxRe7pKIS7uxmMROhECGCUeX5wIgDF2NvPhmXhFOvn8IYRrifJ6R312MuhrfxfKDyhm3C3A="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjoXDxACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmplOxAAh09eeHh6smys09KPCVU37KpvZy1gaCmhO3R6eQgFWp4Q93Me\r\n62qMcuVvGV5E2xpD5UfZoF4a6dwCR4TzmTIWv/K6kwUlWzpExlUxA6xoj1tf\r\njX5ycOG7jqVwJx2YmYOcoJLur/xL8MbZSDOq3E54sSwRMPk/2EIYSWVhlUUI\r\nwV5KyArzjBajAGtgSGQDBy8UD+O2jh+cAlaq3QNLrFjj2T/Gcu8EDcnvTUqZ\r\nMMHIvi1905PmE8whemuGSE4TFX9U26cM32pmg+D7yCtl30aSU3EVL6IHYM/m\r\nfNuGCaAwJSNtR3SpnW4XpqndxNXUkk0jQA+hqq4p4x6B0FZEK9TeXlGPiVM3\r\nShwUvH99DYRv66wyWQ/5S0JfLm/+Dpij87UBzWNcBuAuWE0JAw4GU4mD5T8F\r\nxRwzrtLMImtQnFYqynPHNz7SuFA+igwbMbbdP9laFGvQY9HFpqWvwMzfcKzA\r\ne2qF6QOlg0wYI4Ay/8/I0VYag8FJ/wF7xnEoJJ5RRdVnIdvgUEypEiwp1rzJ\r\npF7+CJOHTNWMvicLrdqxXvSIXQ9LYA5KZttgSmQCIJsf7ibkldVVTonxMasZ\r\nZmOY6t4s1mn97swfknutzLKmaz0kA7TLgF3vrGPqh58WXzRTBPDoDglVQ9Tk\r\nI8DoLsWxy7c7oMy7q9rAfH1IWVUSeFYNg48=\r\n=dzil\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.480_1671524593157_0.6230979359749591"},"_hasShrinkwrap":false},"1.1.0-beta.481":{"name":"@spaceone/design-system","version":"1.1.0-beta.481","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","tsc":"npm run vue-tsc && npm run tsc-alias","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","test:watch":"jest --watch","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"5.10.0","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-jest":"^26.0.1","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.0.1","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.9.6","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vue-jest":"^4.0.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"},{"name":"Sungmo Jeong","email":"tjdah0853@gmail.com"},{"name":"Minseo Lee","email":"nseolee@gmail.com"},{"name":"Yongtae Park","email":"pyt4105@gmail.com"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"f52fb1e14c4c9a70a295652b663e1fbc502e644d","_id":"@spaceone/design-system@1.1.0-beta.481","_nodeVersion":"16.18.1","_npmVersion":"8.14.0","dist":{"integrity":"sha512-FwEJk1YMUU1PazhaVF9vqhDNC3ycLM3uwL9hF7Y1vKsi3brPlvDbR3Ge+F48LYNd9hDUbcZ7O2Zl9PaQbTSz1w==","shasum":"c1f0d33be932a887700c33eb0cbe04a8d502176b","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.481.tgz","fileCount":1650,"unpackedSize":59966042,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICMvnVvkr3lIxL+JWmxAeWBZ0p85HW+zJEDTktYwAAV1AiEAy6CCHp1FCLjwrpHoTHdhk/4ztPmDjFyWEHkdtjT2AnY="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjoXf5ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpr1RAAl49d4aevivow8LseXZod0TAlPqtHkoB8UJav7Xj50bR6cCPy\r\nf8seFEbCIsh6RF9qqeMIIZkpuz3k60x4kaGP3WbULRCg3iGOc90HCOaTs9WF\r\nQqNBS60q4jSZCNMCb/hmB3CGX6TL9o3HCKw1g9KXo4JE3TSMjU+aJ8cLdeKa\r\nYOCJ8Yf4H3E8F8JcomcgwNBn2ljs4VCBUaf8NK/bJyXOQbjCDwvuLxVkCGNv\r\nlzdOri8CBewqyIFjyKpJFEtUeI98k1NwW4PqemSt9kr9yVe8N7uY6+ZXofL6\r\nqJHrXbrEnGDVN0CoKxFHYHvhSP8VCsVRj6fGRB4hkJztgtQoVLmdTmr4jgSD\r\ni1g4FESefLXoS1vnKKRpALsT4ntzpkY3R1vIImCC+Dm2hdovAIy1Wexe2hsQ\r\nC1JCtzIb4IEKPgLViPImd49aTajSGd2iiPLMW41iWpLOlY46+rRqWC/vgZYC\r\nSEK1Qc1qg3YQ0+UbY8cy0dioEylY8zk0bhnRU5B4DrWH8xI2x6lBCPasDWir\r\nqLeHAhrarsuYj7rse7Y6JyaqxEoCeOvRhHpzWv6z/bHbSASHVCvUPIahwDEt\r\n5Hm/47G3wkvPCXOukg40watGVEf4tRqFHyt595ocLDwoLiMc404r4zRiwSd4\r\nWo0h3LB2QUluCelUOiD/lEKajAWNeBYdOX8=\r\n=Inrs\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.481_1671526392993_0.4309394369054569"},"_hasShrinkwrap":false},"1.1.0-beta.482":{"name":"@spaceone/design-system","version":"1.1.0-beta.482","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","tsc":"npm run vue-tsc && npm run tsc-alias","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","test:watch":"jest --watch","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"5.10.0","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-jest":"^26.0.1","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.0.1","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.9.6","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vue-jest":"^4.0.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"},{"name":"Sungmo Jeong","email":"tjdah0853@gmail.com"},{"name":"Minseo Lee","email":"nseolee@gmail.com"},{"name":"Yongtae Park","email":"pyt4105@gmail.com"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"5d4fcc79e4aea80aac294ba91ba9aa08ee501147","_id":"@spaceone/design-system@1.1.0-beta.482","_nodeVersion":"16.18.1","_npmVersion":"8.14.0","dist":{"integrity":"sha512-Ny8zsFB9+AKkQNZ0xrsWKlzFXLowRaWWFVpHuGQ4VRdflQZOPqVAGR3BO365wpQxqtqgRaxs8LjeXOj//qRwqA==","shasum":"569874ab19dd0de17a69204c1ed16f62f855da63","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.482.tgz","fileCount":1650,"unpackedSize":59967905,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCn6rdkEgDnxdwx961bDT7MTOCd1tQh/qzQgG8VpQ2LtAIgWKEFVoYvxmM6ep1vuw4NFcx7ady/lKWuY5mPIaKgKYk="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjoX/OACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqfkg//Wl8cVY0nyo5uXeUGJIYKhq8NwaLd5GFwCVRLHifjmbu4Pwpq\r\nbm1eOWe24NPBdWLYGTNbNddY1vPC9GwMhKlT0iS9rqMZQZkgagydMoQWPRuh\r\nddURln0en7EVOZGqxCt4pcABkxNKE03E1sn0OgOlL2yksq0rX21Z9bX1hjNb\r\nnxBb/e8+oO7KjmDMDQ8jE/4gZKln20fYwwG5PIHqGuab1Nn3t2yoaPsoGSYk\r\npdB+MukGtG/uavLisQnjWcL5wkUNYCsZHc072Xm8h2wpUuMtnZhLpeiqf+bX\r\nYbdmvnswNF4mrqMYkaLcB057AjaSMmAGxW9WbMvOSwiY2pgo0P0ft9Rc3Q32\r\npawLivUPGe0/gxcgDGYxIG3HisC30LYbr7suHYqOjMKV6r1eIUnfiE+L6ft9\r\niDv2vhujt4oi5oFfyxZhVSrcPyfXcmayh3di7x0Hwt6NNw4/3LmTEH0Z4gUo\r\n9GR0CyEDNpNkCF4EyvHNBeZpDOC04J7xfZg006FQNqBm1gxIAnqtqVN/YpfV\r\nO2jO/41GSwXKnYTb48752p3epbUaq+0qJAZC/wjC3F3GND1cVZ9WfqlkqH1G\r\nshndELm2xjhFA2WbyFJdnbDWZGQfiMIFI2L1SAVsFujkdZmF2drfrw6fwlfM\r\nVMxuvkvB0V/TRMQufbwdd+lYAqKbW/5TCcg=\r\n=5dF/\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.482_1671528397810_0.34506465233296324"},"_hasShrinkwrap":false},"1.1.0-beta.483":{"name":"@spaceone/design-system","version":"1.1.0-beta.483","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","tsc":"npm run vue-tsc && npm run tsc-alias","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","test:watch":"jest --watch","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"5.10.0","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-jest":"^26.0.1","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.0.1","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.9.6","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vue-jest":"^4.0.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"},{"name":"Sungmo Jeong","email":"tjdah0853@gmail.com"},{"name":"Minseo Lee","email":"nseolee@gmail.com"},{"name":"Yongtae Park","email":"pyt4105@gmail.com"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"96c0bfab10d056835a86d988d957619d9e50c32d","_id":"@spaceone/design-system@1.1.0-beta.483","_nodeVersion":"16.18.1","_npmVersion":"8.14.0","dist":{"integrity":"sha512-SAXk6nGUX1amzcnFB8ac+1W3kMYima2JKVRg4lPs9GIQntjDXNKr6BD/PkTO8kOhai+ZbdSof2fQekGrDWljMw==","shasum":"638c08fae9ca7b0c23744686de97a5594d480593","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.483.tgz","fileCount":1650,"unpackedSize":59969926,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC1pebxIrMcdY9fy0pOVH25GP1d3u/n6w09PBETlsnd3AIhAL2jMVsiwJsNMug1oAT891uktTXfpGr308AHW6rp135X"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjoYqNACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrYJQ//bvl6J99yo51hQTwdgCWwhowzBGyfbr4HlMbZuxahoAM+qM6+\r\n47vrDYC1KR5+8d/N/qk6wZtWVTwiW68yuh9X4ponZuGmVNqnvPKkdgrubdIi\r\n3a310v0jw9HGQr0LZ+XWomgi/sFTE3yvGqIDGP02J7y48rSN5SXc+jIq0Ngz\r\ndKONrK0Tn2mWREBJGb/cdUfQc3FiWMXjDF+doVmHnO3ChWtGG3QCYfL4OWCz\r\npcB8YZPYWA/xs8qtXlZ4s2HfrNpag6fWQh5dSBgkCRptIzXpcP3qFq1bvSl1\r\nvW2rFh6ScGGtPE3EXrNPa76vH/pYgPWr6Ip1oGMSA3CgTg0kS48do5SD4Wqb\r\nwGbYvfU73YR/pAcfFAyUT0h/+/7HcMOcDuqz/ytFOjS2YiOOq/XPF+6I5H7E\r\n8GhUSBmiZqOzLDrgIqiUZ9brs0c+Nt2IRroz4l44kejujqswF8cWqOCA06+C\r\nM34/3MegzeosvENXMRdHesSYLLIO+tIYn5KADjn8/4Bq5PBRqFCAD/J1e/KT\r\nVoRyPsDVcTEjGZTj9g4rIZuxtCwtbmql6rwv6qkimBNlY044lLjiQM393eEi\r\nukBUcL76p+Tv7l+N+jwfpa4w0V5i+XeqaiGKCXJSwboYqHhZUgubXUh6lz/q\r\n7n8zOsifLdGM2vWj4sBu+7cePF6ejh44uVE=\r\n=FkD3\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.483_1671531149258_0.5979880167027312"},"_hasShrinkwrap":false},"1.1.0-beta.484":{"name":"@spaceone/design-system","version":"1.1.0-beta.484","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","tsc":"npm run vue-tsc && npm run tsc-alias","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","test:watch":"jest --watch","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"5.10.0","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-jest":"^26.0.1","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.0.1","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.9.6","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vue-jest":"^4.0.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"},{"name":"Sungmo Jeong","email":"tjdah0853@gmail.com"},{"name":"Minseo Lee","email":"nseolee@gmail.com"},{"name":"Yongtae Park","email":"pyt4105@gmail.com"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"04a9a1a676968316d779a6ae53a439004992dd3e","_id":"@spaceone/design-system@1.1.0-beta.484","_nodeVersion":"16.18.1","_npmVersion":"8.14.0","dist":{"integrity":"sha512-gWSIwvW+t9+26AyGXhzod4Prr2XpmUWwqb/UfTDALwKuyyiCnhl5cDfEQUgead6V4LYdk3kKLC229+fppMaqFA==","shasum":"f322505718fe0d1bc2693bef314f57b2faa10830","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.484.tgz","fileCount":1650,"unpackedSize":59973765,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDF+VK6cTMihXiwBj61ZKzlS9cizHIRfx1etgjqicRepwIhANu9b2I7pDu4JG1p3HJ7P0nO+R3pH8W7GgpCT0nmNJmI"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjomEfACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrFjg//TytyDFmT/y+tYs+ETlnxkYzkeV1x76F5ArNmScHQLBUZeeJ7\r\ni1FhtN+0cIghduitcsBOSY//xPjnGPMRzGnszSpJAG9hSUeS6uUOFlvmuVPy\r\nwBg0K9SQaiXIoS5WcpwP30RwiLMBSf1k305YsCyqWrWUj1ooElI0Uc+1Sg4Z\r\ncAARpX5A0TmQ1LyUcoYaCF8hFHLhdJ2cv3WlHhPBhJLMFBQzoO0np3WfZ/1O\r\nlIHiKbXnw0riAwo8i+M3PcYmv6n8HQ9CcdStcrU+EIHHmK5bXLBXbvX0nAQv\r\nbO3/ae6yR+IknpC49/Kitc11WZUytmtL94GJQPqTKLiew1rMI8hEkdTfDzwc\r\ngFnr2Ft0rY9umxBQT3OzLRgbH/NlVyA23ZGo58f0LWs8ZdivhoMlJWOO09C8\r\n+NvNSA0XDPyD5dYp7+Px9rL3P2tBM+TRlF1qZDJYTMMveSy305Jr7dzReQsH\r\n6kJUtzgyeQCWko//HfQ37sIS8uHmCggfGZmmsjzkTM/gkMsjmcHnBKno0tYE\r\n+TJahgz+U8wi2qXRn05Ju7wanGoiActVJiFfR8BhlwtzpfiyZrRqT6WUqmaW\r\niongYOiDVEtOTpUv1pUBFl6FlyCS1mTxv0R74E6GXza/10S86c3k8k705aCc\r\npvDLlQzECm8sLKzr9t8Jql3MBTAc3FdK1n0=\r\n=H7ig\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.484_1671586078569_0.9809487343814813"},"_hasShrinkwrap":false},"1.1.0-beta.485":{"name":"@spaceone/design-system","version":"1.1.0-beta.485","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","tsc":"npm run vue-tsc && npm run tsc-alias","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","test:watch":"jest --watch","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"5.10.0","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-jest":"^26.0.1","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.0.1","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.9.6","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vue-jest":"^4.0.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"},{"name":"Sungmo Jeong","email":"tjdah0853@gmail.com"},{"name":"Minseo Lee","email":"nseolee@gmail.com"},{"name":"Yongtae Park","email":"pyt4105@gmail.com"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"d3c74754aa2d60543869663d6d9d2284de5fc209","_id":"@spaceone/design-system@1.1.0-beta.485","_nodeVersion":"16.18.1","_npmVersion":"8.14.0","dist":{"integrity":"sha512-o46tXme/Pd7b+Iol0uldESnjaqd5l+tsdfWekeXtsYjdmSCkR6tAd2X8N+O/3QsWtfaXH8Py+HmKCCSL//OXBg==","shasum":"d5d350c363271fbd338f2ee124cc3a46db09119a","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.485.tgz","fileCount":1650,"unpackedSize":59974632,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCpc9kOg0n1FY88/bCCphkVB0hgZM1On4+JvmiQtbVx2gIhAML4sBzaCFKS0IzrxzOi7VhkEy+tewiFExKP8W8A8yB/"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjom3DACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrBYw/9FkdYv/X8aPVda/q2iThjESWU9Qr+LB7fh9EybZJs44MQGISI\r\n4G1P4uJosHM8q58Y11WVy2OZ005ysEmn1vKZ0O5WjCPD+TgIz1pi3utn3Jq/\r\nQ316bJ9qXKUil4QoyFCTx+J+2hi8vtxOsMNzdQQEV0Lv5EnpxtoyTuWDh70Q\r\nMfaKsqKqJYvGozpuhGb9lDjyiscXn2CAwI/CTCedY9eqT+DTtNOWVmC0POsB\r\n9njUJnARbi/hZvx6cT2XeO+3iFI7W8HSAXAH8pZWpgYMWaFX9DoR1zTWQrDa\r\nCkZ2gMkrRhpWi7q67AZzD/0vTq+LOdEqE8ib264ImnWXreSdwN++/wV+mPeI\r\nXfTvFjE/HY2aSz2S9+v7iyfIPNdDgBgbrILPsX8Y0nEw/A0sMlxlph0rY13m\r\nPn53ejwd8cjeNakt8kPtsFpzXu/BzDReJMFcB6HSu61XIcQTEVfkVZNElFXR\r\nFI0VO29KdSCGOdI1fmPwOe/nkJqPehOsAXCypl2gZ4Ma0yId1o0wvY4eePxC\r\n4zS5Epnj3A77NSwEisCOmd0SLHiXD46YwK5CkhKkEBeYt+vX/resinnnelMG\r\nXla+exAwRXMkkORmH29W5I4oww9S5oFY3lVt53kvxIUOXi6PPzuKOtAYUoNv\r\n9qTDMRgVHnJMyUTRQj/cRD1jLhKZuQLq+10=\r\n=JNoL\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.485_1671589315458_0.8508570660625083"},"_hasShrinkwrap":false},"1.1.0-beta.486":{"name":"@spaceone/design-system","version":"1.1.0-beta.486","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","tsc":"npm run vue-tsc && npm run tsc-alias","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","test:watch":"jest --watch","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"5.10.0","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-jest":"^26.0.1","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.0.1","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.9.6","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vue-jest":"^4.0.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"},{"name":"Sungmo Jeong","email":"tjdah0853@gmail.com"},{"name":"Minseo Lee","email":"nseolee@gmail.com"},{"name":"Yongtae Park","email":"pyt4105@gmail.com"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"2e87cc8cfc75eebfb681ef7ce88f55f3236c2fed","_id":"@spaceone/design-system@1.1.0-beta.486","_nodeVersion":"16.18.1","_npmVersion":"8.14.0","dist":{"integrity":"sha512-AtyUQaD7cBdcLpWKSKCGi4MsJJxAovsJVHsCWHnKfE/lZcz3zOn7QnxBgri8vYQljFFzzlDDDoAAc8rbz0GQKA==","shasum":"559e1ad90701b5163731cebbd298e3b5047106cd","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.486.tgz","fileCount":1650,"unpackedSize":59982750,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDUytCXHqaKlT/PXI07il1d0ipkKFQBeqy5ai6fwe1iowIhAJd8wjf7xfj7zv9UXkcWToPPa503wpceKGeBqDkVAtRs"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjont9ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoU3Q/+KgAroWM23+85W2Cpsi7vWPDT6cg/lp1VJ9+UmSCxTh+X4v6G\r\nURhgesN3Vv3ZVzD4/55UGcX/zLjH948lWRtOVYD9/FqnCz6TiJSpXZoXbCK9\r\niK4V3KRw+gc98eRy8cDp3Zr8HHjEjpJbEGUCJjV63JrScWM6Yzfba7jhvuWn\r\njRqGkDL8mNm2O/vo97ayYTf/wxx4O6lTekUfMKTXDKvpKJyHhDr2H9DKgSwm\r\nAg8PZdV2ALHz6q4dzdz6ChTq1RSMnZX9BWTd6/5CR8L9LvX7lZPcTBCXpQBX\r\nqnO2xXWPpotUiTnGp+7KQ1UCl4ZqCb79cIn3o7akHoPiFys/salgSJ5H49oi\r\nQ3z1mbbvAlFgn8QWjbKIUqaB1b0IEn5pOP28sml/JzJO7OdLoRW9WLRcLCip\r\nRi9XxEuSfDTs1OV/+/MzSHJDmRqI4fCHwufyiXcJ9zFyFExVzS4r7THIW12U\r\ntt8UDvUqnusQXr9UjghqcijM7y2EsJWMgtk+sS94uvpbxqfS/g/t3eSRRqeL\r\nWGah8iYk+/koKY4q6n3go5bvuPEsv1/dkJK6if/Ik4SKseKvoaLpqDQA+eb7\r\n+uh7nA0EMD+4Z1XqrOIzi7eljDfy5EK5CqNQA1ontfpVsTVVbw1C/FIn0iBo\r\nxTXOAaY2DRl3YqP27zoBxNmJk0kC9KchTqw=\r\n=vn1g\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.486_1671592829183_0.9752485166513711"},"_hasShrinkwrap":false},"1.1.0-beta.487":{"name":"@spaceone/design-system","version":"1.1.0-beta.487","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","tsc":"npm run vue-tsc && npm run tsc-alias","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test":"jest","test:watch":"jest --watch","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"5.10.0","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/jest":"^26.0.20","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-jest":"^26.0.1","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","jest":"^26.0.1","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.9.6","ts-jest":"^26.4.4","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vue-jest":"^4.0.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"},{"name":"Sungmo Jeong","email":"tjdah0853@gmail.com"},{"name":"Minseo Lee","email":"nseolee@gmail.com"},{"name":"Yongtae Park","email":"pyt4105@gmail.com"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"eb9a4d684b90692c6e9fa1f41286c05dbb9a67c4","_id":"@spaceone/design-system@1.1.0-beta.487","_nodeVersion":"16.18.1","_npmVersion":"8.14.0","dist":{"integrity":"sha512-71gHbYAF8/UPJQg0kn3nSVW1UzOVDtR/XaxUBPaU5RjjLOthgRoUiCCjS7sJ6Boyei53SHLU537ewA6QOQn21w==","shasum":"97dc9d82ea8f50f59c2be9cf345b93bc60b721da","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.487.tgz","fileCount":1650,"unpackedSize":59983076,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDwfH2Jtk9C9T8dnjNi4mvU2i/MVRSdOLhN50Wa8jctKAiEA823wE41FSAvR76HdtoEfowuBY2sQepuj4WKGV60Eens="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjorB/ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqD8g//WLIt727qzezv+YFKMDm8zDv8LA+Cf7HraucPpptqI9E/Lfel\r\nZ4RDmAMmz++qst9YoCnFOQKaLDYE53gkFaGlSH2C7i+DWEUSaoXKY+XD3Sx9\r\n5sHOSNYAb3PhkYtAcJIY3/Gtv9H01WUvkY6NjvTlIZkohK9O6CgSiZbUxcAP\r\nfGHfy2S3mhiQiRqFQ2V0oOqR8+9wOM2JJE0z4cLWCwOgYDw7eTjsKM2cQG87\r\n6fjJKNFtaO6mERg5ff7Y7e0x6obBVTYQt7/mOUqBnUgWRvXoVjx5JzI8cnMp\r\nXrSteU5wrUjBDNZLDQGT3x2BXYQH2fBrNIEGK2w7Oy1P0gpJ3I1Xr+kyzwn0\r\nDw2mPu2jpvcJ5Up0m7j3V8QuHlW0JExqBxhJ/yRL9EinTI/nNjEcFuwPgyzH\r\nH07FMMZtZ6OESXUX85+e78unTYX1XIUiBkdlqesYJfLINUI0YWUo7UDG8BUQ\r\nCKQwtlI3Tn5EKgaCV8IY7iEirEP+4uwGs6irU3YRvTitakgHlHyb9izNklwc\r\n2nAVOJSd43Up5lCuUQshdiYKdEDs9CvPz0/Gnukyd/kqizKqYsABK+PHskyG\r\nnmG6mv/B44/70egyo2VoZuo//ZVqi7gxWuQOyyP/cgfVnrCHCwPID3/QDOq6\r\nLgHYtSWFcHt56TVBeogNO/PnW5CLOI5nzM0=\r\n=pPKr\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.487_1671606398792_0.9914277945464705"},"_hasShrinkwrap":false},"1.1.0-beta.488":{"name":"@spaceone/design-system","version":"1.1.0-beta.488","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","tsc":"npm run vue-tsc && npm run tsc-alias","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test:unit":"vitest run","test:unit:watch":"vitest watch --ui","test:coverage":"vitest run --coverage","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"5.10.0","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vitest/ui":"^0.26.1","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.9.6","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vitest":"^0.26.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"},{"name":"Sungmo Jeong","email":"tjdah0853@gmail.com"},{"name":"Minseo Lee","email":"nseolee@gmail.com"},{"name":"Yongtae Park","email":"pyt4105@gmail.com"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"ea780c537d085679c680ce3782841dbe12303572","_id":"@spaceone/design-system@1.1.0-beta.488","_nodeVersion":"16.18.1","_npmVersion":"8.14.0","dist":{"integrity":"sha512-b7QC3k8n5/G8iXaIJfDZugzvTKirIv7d5SQwjwU32H66O8AfBoZojWtBxrUPn9VFT3o7cdoNfdeoZ0/2cv3+Gw==","shasum":"283c0df50f6e282b2127d279747cdff6f3cc10f4","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.488.tgz","fileCount":1654,"unpackedSize":59977541,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIG8T4mTcBLQ4DB7xObXY9+CmcYDVlgsnL0EitqQdhv7VAiEA60L7F+6nmcpLpX3k1zX2KrdnmOt/O16PFAgQgxWu4Oo="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjoryzACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrcnRAAg7j1qM6yoiw/8fiHZFzZINjSrRp00BBgsd47FhrtZkVHgW46\r\nkWag9IS2T34Y32DUscZ7Wb+mEdE8/ozIFgyi4fPz3vloFhYMBuOzKB7ea9Fx\r\n7u+Jy09WAW7AKMLkbi61MMxOvfwPlntM7yoVNwp5lYPWmE6p25bupIiL3k5m\r\nvsJFvI79TGBJeE16gDz1Ybuzex3BMzI73PkolbcMa4aQTQNL9NmOuZFsZ08c\r\nZa6N2BFQ+PtbAfOXQxryVB7NmZdI+Q6eIuSu/bf4a5B4LSnoCFh/1Ndk5ANK\r\nQqlbQHv55pwIi4hRFh5i/3jNgj1r2mxTeihi0Yg1pKNOeoYb/5Aa7sDiQ7Am\r\nM82F5fdnR9J9qUGEmH5EoTwRB3wz3tfN68LkbGHYOGg3ddqpgSrSZEvRyd2s\r\nEUButbWas8V8wXev4rqnEb/L4zhXi0xBD1fOzklqFsU56BoQ9LEHWw6YVrdF\r\nJ4fYPTT021KKdSraeGBAtpSWUHD2oek5HPDU2FIv6acus09pgdpcZIIj5oI9\r\nzqZQfVcvloGviMxROTZTW16R49+xxggl6gwWuV2qH72cAmHB/QrU98KdddRH\r\nRez8HsW+cRGHtDqYU/2QuqeIEQnycwJDmq5XrVZrFL8F07QG7v3w9pxcWIx4\r\n2t9hPf2TieVraWE2FqGgzsp4itl1lVZ7rDs=\r\n=epfs\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.488_1671609522612_0.297366425164572"},"_hasShrinkwrap":false},"1.1.0-beta.489":{"name":"@spaceone/design-system","version":"1.1.0-beta.489","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","tsc":"npm run vue-tsc && npm run tsc-alias","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test:unit":"vitest run","test:unit:watch":"vitest watch --ui","test:coverage":"vitest run --coverage","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"5.10.0","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vitest/ui":"^0.26.1","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.9.6","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vitest":"^0.26.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"},{"name":"Sungmo Jeong","email":"tjdah0853@gmail.com"},{"name":"Minseo Lee","email":"nseolee@gmail.com"},{"name":"Yongtae Park","email":"pyt4105@gmail.com"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"4cb88bbea9dd8b87dd9f2bd16fc089145edfc9ce","_id":"@spaceone/design-system@1.1.0-beta.489","_nodeVersion":"16.18.1","_npmVersion":"8.14.0","dist":{"integrity":"sha512-v9tcAcIRWFLpbmU2K0Ub/Gb/C1cY0h+/GEuGDCJ5NrR6CN44XDwl3XweUTqsa6gFvKpuGiAFzJeBj1BBwEJ8vg==","shasum":"e250f13f3b3c86b0179a335bbd5a501ab5542a3b","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.489.tgz","fileCount":1655,"unpackedSize":59978608,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDER/d1DN409QZYly26Y5L2kdpXw35yGgc7xxdCaCitJAiBxd+18LWtSosDwECoKtUf8ECqcl2UzcKtiIeIHGLgSHw=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjotLeACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrjfRAAm7Y2EfYLllvalr/8BLC6PMWtC1woC+RY9YUSBlgTetLzjFSU\r\nCLglcIHppuMlF1OatxX21tccf6hXoNYxCZk60hZyE2GBW2ZktrWHbQVGTMgi\r\n7kQ4utm6dxYOWB0pvFSZHC4KG/dL+EfRZCMRwCr7wK8c7hHqsr9KKdbUEzGV\r\ntfTvnx/EBI6N1UlNiTh3zmerrg5FF8QKlXlZFWT+m9JBnLgWBTV6jCj1YULd\r\ngQXoG7+zDJlAWv9fuUJ4ikzxEPfSuyhrt0xRUvXQxSb0xh00iY8w+YiRMW9h\r\nEpEkqCoaZ1gbZFKlbgyNF9FetUSEtuM1ZVV55iJTSxJy2oqp5Knn9J4rry02\r\nVLlADzN2N0wetzQuxd5nJZdOds8bN9tCPapcQCnY/0RpH1QqDAzMqJPa+/9x\r\nuc0AXA64H9kyWZfDidCRSefdJZ1xM6qOsmyPnrbXixMosKE4zTCa9nnAid/L\r\nTGRAIQMHQhE/p6IaAkyCn1Gq98cWHvpjskmaFKMnazVLelxCyhzxNmtVhGXt\r\n52x4J8Fy1Wlz49/GWr1IBVETi9+zHCecOsjy+yBQ1skeeVVPx8TmQNXd+hKy\r\n4pXbA4nPVdWfWmA/isddv+QBahNGpsJlWJ4L4B4JBmle/k/CLFpecR6ObnxQ\r\nJwpI5mttMIYCMdnSL9mC9P5fIkT/HvRQWQU=\r\n=6TiZ\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.489_1671615198437_0.1077405497628996"},"_hasShrinkwrap":false},"1.1.0-beta.490":{"name":"@spaceone/design-system","version":"1.1.0-beta.490","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","tsc":"npm run vue-tsc && npm run tsc-alias","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test:unit":"vitest run","test:unit:watch":"vitest watch --ui","test:coverage":"vitest run --coverage","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"5.10.0","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vitest/ui":"^0.26.1","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.9.6","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vitest":"^0.26.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"},{"name":"Sungmo Jeong","email":"tjdah0853@gmail.com"},{"name":"Minseo Lee","email":"nseolee@gmail.com"},{"name":"Yongtae Park","email":"pyt4105@gmail.com"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"edda43e588678b62ff0f5930e92f44d06764297e","_id":"@spaceone/design-system@1.1.0-beta.490","_nodeVersion":"16.18.1","_npmVersion":"8.14.0","dist":{"integrity":"sha512-p8fBmxvq8b26LNdT2Yj6sFZvn6ZJWfyTnCEPFvA75P2Xk35JKerMfRemO/MCRr2m6DTomY9gFrEWaoFR7TXbBw==","shasum":"7b62ee2ae761a78b08315896b0a76040e919e1cd","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.490.tgz","fileCount":1657,"unpackedSize":59979900,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC9GNLOQVKSVsUDpFOSXJyPqYRPXxYyWWk45ZnzskdlcwIgHIJIN7pKBVuYFckYgX6HDvcLPwWnnYBeSAmIr8m/ac4="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjovoRACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpSAA//RnUg12Mq7IpPKHVO5AKVof7pxqHI7SBKDFHSxGKgPBhHMCtX\r\nNC/LjrLuHPYwU04sTQGeqawBNDFoI/mv1E1k//okk42dPSRNoEPd3dpZP/Bw\r\nvv8CQCvFK1tVzmCKKysIaGZbBDEBZ+bA7x+vEMlA9YGzMtGh26hugovSmLvJ\r\ngYK513EX5PNMSgg+eK30k3DSuShENwprGj0KlZnjo3oUoSdPt0WmljTgktNU\r\n5sOo+g9TngAIqf6paoIilQb6u4aN5dtl+Acpr2Y7cg36EhPHeOjXAMJ7tifP\r\n0HcARANU3uAzy/9nSr+v7zfwC5kpKx4OBIJgzr3FQAawTYpFA5n3OPlPdniQ\r\n9rdBch51b5pxXQbRE8JAJtQiweUwS2VBws0lHHeBJOohKejCusz9/fjYPsV+\r\nBcTZ1pDspz+xMYZ761lTBVINEoizbKGrdauaC7gHapPLio33GATMFZELLwXx\r\nJRhIEk33QS0JDBWDFMjhQabOO3VefW5yabCtp29MDYMy0Ku9Cn35k18gCllc\r\nePjfKomJ/zGmyZgIdN7OV6oeMx8W9CbRZh/FzKTELlCLyNj4QBF0aAE9WDo4\r\nphVa3FJz0Ofatqe09iRTZCylLEVjNwIGkqh1n6nybm5jmOEiUa+bK1Cy8wz3\r\naxvX/hxS32F3WREAj9Rfx3NcNrkeisqv4WI=\r\n=53vx\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.490_1671625232925_0.53191343121217"},"_hasShrinkwrap":false},"1.1.0-beta.491":{"name":"@spaceone/design-system","version":"1.1.0-beta.491","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","tsc":"npm run vue-tsc && npm run tsc-alias","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test:unit":"vitest run","test:unit:watch":"vitest watch --ui","test:coverage":"vitest run --coverage","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"5.10.0","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vitest/ui":"^0.26.1","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.9.6","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vitest":"^0.26.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"},{"name":"Sungmo Jeong","email":"tjdah0853@gmail.com"},{"name":"Minseo Lee","email":"nseolee@gmail.com"},{"name":"Yongtae Park","email":"pyt4105@gmail.com"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"c56c18c835c1baa27f454006d265802da442e4c1","_id":"@spaceone/design-system@1.1.0-beta.491","_nodeVersion":"16.18.1","_npmVersion":"8.14.0","dist":{"integrity":"sha512-u+Gl/QwI7zgzDy8n9H27v6IEdeLZE9bV/WfxPLadjHgjjdt48+4aSJvaMXODL5h7PKGiO1LThHuAQDRYW4O8tg==","shasum":"1b5e0e28dbdd98fb14ffe82efc33c9c110bc6cd7","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.491.tgz","fileCount":1657,"unpackedSize":59979947,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDZbR0ZA/8Kk0a8c/PSRrNfeuZxeaX+YpqF4tG87QGl8AiANjHXsuvyUymn9i/hXZoDtnZqMQwRwA1u8kd8uce4zjA=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjo/RmACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpfnA//bXLAc//suHRtscsoWTasb7Dy+ZjMBJX+9Azscv8UiC4mrTSF\r\nK5VWxXJ9M1dIo3vEEa0A0JmbxfVSDecC3BoRt0UqUlc3yP110vMk4csKxVBY\r\ng2h5ZcxDa77iZ3e8a8PNq1DhMiQPCfzYI12zepByWXrExwaAswFwBXGa956t\r\nMos5pPZUEjZzgmZwxiqvqNRW/zHUWiDseWbXvSaycrx3xSi4eJPUbj1QZSQs\r\noM/YgL6fXDRidgfdv5EADX0aTLovCf0NoIm8qzVitE7+mhZ9NRjHihWzORoR\r\nk8BePCVjKZIlYf1Op3AxxIU4lRRwsn5W6QT2/AwWPQIxxJdviK/931cII6Hq\r\nA7pQduGLGzZ1U55LSAvh24UFYX3XGSrWkLHJj2iV/pJFTN5tyBq3AGNKMIAr\r\nlhnHBgHJCRBMXAjMilYH5sL6yI093JvZ/h3l9P4AfJAqQGkIVoqJEf648+Md\r\nbifPLcCIBRF0KwVvUnhaon/QxzvGpRmXPJVNDeaa+gRVodEZ6HkSMzaFMufW\r\nFj6bMmlRafPGbBmt4VfwzA8zManJ31sW0cHRIc69jn+ArMTKPhjN9JPLL0vX\r\nVpBFTabXOMMJEozspLMpnx9gmfgOvYEicO7ssxMdA12QUHcdBYvMkP4Udb/k\r\n4JSmzDjWFcIw8+JziQAXzFQMC8lmy1n+5BU=\r\n=MM1G\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.491_1671689317631_0.3756436783949302"},"_hasShrinkwrap":false},"1.1.0-beta.492":{"name":"@spaceone/design-system","version":"1.1.0-beta.492","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","tsc":"npm run vue-tsc && npm run tsc-alias","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test:unit":"vitest run","test:unit:watch":"vitest watch --ui","test:coverage":"vitest run --coverage","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"5.10.0","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vitest/ui":"^0.26.1","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.9.6","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vitest":"^0.26.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"},{"name":"Sungmo Jeong","email":"tjdah0853@gmail.com"},{"name":"Minseo Lee","email":"nseolee@gmail.com"},{"name":"Yongtae Park","email":"pyt4105@gmail.com"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"b24a779d1b05c2223f9fa20752f5f5067134fe1b","_id":"@spaceone/design-system@1.1.0-beta.492","_nodeVersion":"16.18.1","_npmVersion":"8.14.0","dist":{"integrity":"sha512-LamBGiF+QHu96a9rzBt8p+zAlq83DZ9uGBsd7nezb0T1S9EArualUWIKYgIcyJW89qOVTGLiGgpxFCSx7bUSHA==","shasum":"07c4df7bca92bb49779cfefc3c3be25bb6b5f376","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.492.tgz","fileCount":1660,"unpackedSize":60000081,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIB77UonILLth4ZPwTIp2xJBtmL0KsC36B9oFOWpX6Fo0AiAzslYN7iy4PNCmXn6q8ONvvLfqPz/BUTRVyW7flvnIlQ=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjo/e6ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpwDA/+JNfFQlxl+zu4CJ9QLCnekX2IdCPLqQOOofjckBm1uZr+SM8s\r\nlT0q4X7Cj5MJrQEurf+r1i4/RdaU/g9JSnnnawLsDcLkzS3wsb3Il322hYMe\r\nlAdkVOgNw7mKQ2M+bJEUsxt5/ucvozLHH5dWj9eA1cAm4r721gGv26PYjqi+\r\nyJhEcl67FmD90FCGaKkF92djGYwIRY2tUfaIP+J4LOFFxNJwGOCggs4oD8WF\r\nfT4nwLCq8oJdFOKag2apattt8Q2cklGgv1381nbV5Jme6YrZbJI+X8mBhjis\r\nTmIWZA6kCjda4ou0oUBMyQ0a4iTbfv9BQPRnJhItWtmhLaMrV9GKP4iR9f2/\r\nbjPuUGesC6K2VPTcpFOeXOLq7vSWDS4A6v6i1qx4pc0/e5xOShRIh8PvbNJA\r\n1c97UiAFoUYMGt6jqVQdAI7/Z0MNJuua4gwY7+i2gkWsgeJIQCx8w4Q13tIb\r\nnkOPT10gj0o9oSIucC9BUU+jYCZ0R2Jh9i/OlwHCNsUe4Zk7E19H6zd0nAuC\r\noRxk9npCNs7hwe8djansn58I5QLb+zw8U/TfyDLSk3dksVDnsBRvdNwdBo3I\r\n3ux8hl72VR5BCHBVs9+AxfOcva1GOu9sZ2YzoNOOwkJE+kagneo7ikL7Gylp\r\nma7vmocn5HXkDe12To5kGFF+ETY3C6PikUI=\r\n=B08y\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.492_1671690170243_0.19706799981302647"},"_hasShrinkwrap":false},"1.1.0-beta.493":{"name":"@spaceone/design-system","version":"1.1.0-beta.493","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","tsc":"npm run vue-tsc && npm run tsc-alias","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test:unit":"vitest run","test:unit:watch":"vitest watch --ui","test:coverage":"vitest run --coverage","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"5.10.0","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vitest/ui":"^0.26.1","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.9.6","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vitest":"^0.26.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"},{"name":"Sungmo Jeong","email":"tjdah0853@gmail.com"},{"name":"Minseo Lee","email":"nseolee@gmail.com"},{"name":"Yongtae Park","email":"pyt4105@gmail.com"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"e420dc6d959d3a59646dae178c81eeed0b265912","_id":"@spaceone/design-system@1.1.0-beta.493","_nodeVersion":"16.18.1","_npmVersion":"8.14.0","dist":{"integrity":"sha512-++iZFXFUAyEOIK0d5JXyFTpNiK47nmkyxLLmxrgheaPFStNgCXc7Wr9R98Brc0rOTwWfYZxzBbGz5yBYMo+yEQ==","shasum":"e382f5de73e429593f3cc76b54167f990cb8547a","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.493.tgz","fileCount":1660,"unpackedSize":59989154,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDuqjA/e+AAtEZHDNhpjygk59/r6IPZ3ejhEV8B9Z52VAIhANPRLjk4RKeZbP2PqI7W7IMYHx9klO92dOmb6Mz1p55m"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjpA3VACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqqew/9Hjn3ew7N/BGAAo6idcGvDSy71zADECajHVKTNMsKP4tTmek+\r\nQVAF6cHwPz9dW+mRlHVe8poePkkCqMaVjNSvyrTQ1XIO1w5Xjvrsc8y30Oys\r\n8pnKTRmuSpmoBLgs+BIMXwN6w2JgiboNKJcCb653KfiWCQ19dK1AyuSVRCXq\r\nYAVASS92K8o9ON38IsIDwL1Wx26XklBegJhCnRDggusCuqPEGPud6ZGOz4Dt\r\nyp+yBAPh2yf19mYEFeKjF5FMVerD3k1ZpVgHlE7tbWnboV4g7qVGlnjT3KfG\r\n8ELyUSbH1ayl5dbss6bMun7jd3YuiokqmxH83z7T2DrLy00AEiB+hXgLFgZ4\r\nZtUZV/Mp/4YDuoRIeQ/K4PlcIIORjCJFjkVFdfApi/9wQPB2Pd44cYxSTI2u\r\nluraX+OxHh5TqOTkvjtfRyHDOjyNKyB3uZWn9DHbIgDovTWmc0/9eD2fYAbw\r\nH+5/Zv9qspwwp7qAa6BavbHk7W5E+Ve9+NL2qhftLKWRhXogh5VBKm0JvmmU\r\notFirab2GKAJ0Jg1ljJ5Bw6wMfGR1+daMmOlr5VeYtYJY/LtswFdoAPFDrzu\r\njfwdLMYVXgYPxx5+qLyZ+qtnfdGlz53ivbZizk0y3Y54sMftdhS7Mism4gLp\r\nuWNlsmrzUY4HLtl6emo+t2nrotLYZyHCURw=\r\n=Vrvd\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.493_1671695828774_0.15943224713528759"},"_hasShrinkwrap":false},"1.1.0-beta.494":{"name":"@spaceone/design-system","version":"1.1.0-beta.494","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","tsc":"npm run vue-tsc && npm run tsc-alias","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test:unit":"vitest run","test:unit:watch":"vitest watch --ui","test:coverage":"vitest run --coverage","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"5.10.0","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vitest/ui":"^0.26.1","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.9.6","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vitest":"^0.26.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"},{"name":"Sungmo Jeong","email":"tjdah0853@gmail.com"},{"name":"Minseo Lee","email":"nseolee@gmail.com"},{"name":"Yongtae Park","email":"pyt4105@gmail.com"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"87241c28a0217d32f0dca3a6650506df16a7f2a3","_id":"@spaceone/design-system@1.1.0-beta.494","_nodeVersion":"16.18.1","_npmVersion":"8.14.0","dist":{"integrity":"sha512-lqVg0gQ3F1rrR1HV13mJkBU3nQwLVJKrPHdyBQqJoQVInJZW0XbH6046gLiLfrWjnBeJmAW6BaiQfnRDDw+U9Q==","shasum":"d08874cb0f03dd24e59336eab759d8151afe4c03","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.494.tgz","fileCount":1660,"unpackedSize":59991397,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCuc8TcI3agW3Bvb9CjpLiNsbFRafQKSrG5Fix64+MYMgIhANZUb2I5Q5wc9RusBYxg5auvejfymgzkexqx/nNsaXuW"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjpF8dACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq4Ug/7BLzNhZhU6SFD8PHoDH7SwKSbn3A8App1fZuD8LdxkGwG/m57\r\nUXYl4rbIJ05+G1hHOb+9IMdjgo+/xKN7L6Xz+wblksZ80hp5rvvLf06j//Zv\r\nGsanAABFvupqmNs7zVOrgVzqXJNW+cLvvhgVsiHMlcKsiZIY3H0p0bAm3Ex3\r\nZHqvS8C6bT2Gn058CPiT/8zbjiYomoxD414yGqGjViJpvdf7hrFccxyfGiTr\r\nuezCKqcgcR3r8iCfy0kMs6B/6kTyLTKIhxhFBwLu7X8UiyXe2dSjVPxIePft\r\n623obdvLVopq5/US/yQF2K4Ysu3cWuA/KhTOzeiXuvOpFK6O13gSjpEnK2cw\r\njYStJ2EuZXU7mLahxTmwbL9oRPMlYctUzdxYnJez5HKQeEsLaidQlBrGpi3L\r\n3Znnhl1oi7rTuNw/x7uTY4kUde6BL9LL5YiLQcOalI+v6xdM4k6/gkZupQg6\r\n5r/0vmGS8d761a4ReGzB8ZZx1HDyAdcRuT2HMI6gpnJiGo/C3ViUpVA2BCBr\r\n2Ddj0EnNS+LpDQQE2ziMk8+tGar00uM//bMZE7BDilQBGPn7+EQKeh44HqrO\r\ngQahhk3Qev/NI5wRhNbi2j4ZcZhZglDMOf4fV0cXU0rmyJ2qg4Ne9NEx3IEk\r\nRBE/VSPalkw0UZg7LeDxRCWPUXhapQMzltQ=\r\n=4Gx2\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.494_1671716636841_0.33008320939933244"},"_hasShrinkwrap":false},"1.1.0-beta.495":{"name":"@spaceone/design-system","version":"1.1.0-beta.495","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","tsc":"npm run vue-tsc && npm run tsc-alias","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test:unit":"vitest run","test:unit:watch":"vitest watch --ui","test:coverage":"vitest run --coverage","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"5.10.0","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vitest/ui":"^0.26.1","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.9.6","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vitest":"^0.26.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"},{"name":"Sungmo Jeong","email":"tjdah0853@gmail.com"},{"name":"Minseo Lee","email":"nseolee@gmail.com"},{"name":"Yongtae Park","email":"pyt4105@gmail.com"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"bd51391cf449b561d0988028ff11ceafada5a3d8","_id":"@spaceone/design-system@1.1.0-beta.495","_nodeVersion":"16.18.1","_npmVersion":"8.14.0","dist":{"integrity":"sha512-FY0bU0cVzmsvgBYovqkSjzN/XFLa2SJJUjBbO490eM3J3tdyvvOoRq7l2VYiyzgThw/zALw1TfRhXioU5hxhyw==","shasum":"4df0a83823bdc36b53573ba1d3606d70b254ca95","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.495.tgz","fileCount":1660,"unpackedSize":59992959,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHlKoZHbhCabnw7paxdhBEYB15pEv+534iGjcd9oe+GZAiEAtSFnYciSVkAhem2pip48XEVTCYO8zxtx+eSlXMyjXAM="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjqkx4ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr0+w//X3cuCG0Y8olJn5mi8jkqq0z3PCSt7uxvZc/Pl29jk2WaoVaX\r\nsPdJBS8UE4AWNVhVCiVXy9/IG+TfN4hp6BzjyB+kGKtUBQrOA8sd7acSaEc3\r\nYUvWcSyBUwLuDDd3RNF+/8CH7i+xr0iYeRLVeuA4hynj4G8brhgyW/6dlUSW\r\n2NiquMwvMBr0ckRbmCJ9/P4HiyIzb0DQgTWewoOcdmvvQw0kgOlifanIydh3\r\nDM36/5cbkW9+FK4zblmcatm4/+ZHaLhPP+6jcwNO9mJFaF++lzXVb9xQkiXs\r\n7RXjIoQkJQvjDbK6Rg3YHlkKri/OFYmgLo5nk7pz9QUc4RqX9UEMATyrCuCc\r\nzWpRLq8PzUh9rciSUstSFMenhyzAf/nqibu3OGQFZ9fNaR5wxY8hm8t/BU3d\r\ncV/K1BxvQyVt2mU9TyepLM1bSjAgXRuHDSRxHLsfIj5JxWS3GYBj0nrsyJHD\r\nUusfXMZu0jeLxhp9abYmokFGcYKWtgQTq4hE0ws0nZck4Jm20YS1ZSadVzms\r\n0NoWLkenwBMJ9xb8zqx9N0Us+jmDa0Pd/cc7bO5LvDpjD0IK4HXv55rPy/LW\r\nDZoy/3uxwOYrQvNG7fsy3PiRjTfGC+MhOv+mdazG+tLo7wDdsuWVT3N9lCRt\r\nTVdSj4SnjNVaOnOuDofUAMgA81LA+7a/cgs=\r\n=q5Q7\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.495_1672105079936_0.6164743771007501"},"_hasShrinkwrap":false},"1.1.0-beta.496":{"name":"@spaceone/design-system","version":"1.1.0-beta.496","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"dist/src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","tsc":"npm run vue-tsc && npm run tsc-alias","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node build/lottie.js","css":"node build/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test:unit":"vitest run","test:unit:watch":"vitest watch --ui","test:coverage":"vitest run --coverage","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"5.10.0","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vitest/ui":"^0.26.1","@vue/babel-plugin-jsx":"^1.1.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.9.6","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vitest":"^0.26.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 8.10.x","npm":">= 5.6.0"},"jest":{"testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"},{"name":"Sungmo Jeong","email":"tjdah0853@gmail.com"},{"name":"Minseo Lee","email":"nseolee@gmail.com"},{"name":"Yongtae Park","email":"pyt4105@gmail.com"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"c067b0e1553b272ef7fa69f064d911f86c0e49e2","_id":"@spaceone/design-system@1.1.0-beta.496","_nodeVersion":"16.18.1","_npmVersion":"8.14.0","dist":{"integrity":"sha512-+MMm/unNz2GCeWxyttCnJc8JOgAEoEzPxdtkNsTsPpcg+gWgpg3TPGoEGkxOSkYIwbue6RqDYCdcjU+lAay73Q==","shasum":"c2f437d7d3804417c6355d506649113a82ba0251","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.496.tgz","fileCount":1660,"unpackedSize":59998197,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHPtGunuYH/VIHBu/tO2WZbuJ/GQQEzN+gSQgkAppLNNAiEAn/50Z0aRFJV8G8Pg8eCXmR70OmHDr9ptoivaJrie6ec="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjqlHWACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrxNg//aDnGJM54HJnWyADtveZVFGucCqrOtbv2+YaUPcwFhw4uwhNZ\r\nRq8LXKSnWgACbw0WdcoisZV9jaFkEoJD7+vXx7BAqveYl0xXdhYythGY6A55\r\n6/tp7OHEsdWN35bVrq8fYWl2Gikx13yreII7zkQ9139PV7FbekqhItyHLdgL\r\nPrhkqqIAWmN9+MhH5Kmh/zZUQZMvbQ2/0co/BIXvoMhiLdHVbCUX5+2tPicp\r\nrjoU3WIuJVPF+yBKDMS7iC4gV+uTNFIIUdxngnx+Xk6LRYCm6b5a5SKe0aex\r\nDe05fuKTgGCnId913hNHNzEjDMzcqTtfah1WUtNEWJR8C1LYgV5ikRVupX+q\r\nhEmHUlF14XpFabjBklSzyh8w/azeMCpFEAhspJE+iI1MsHR5k62Y9LuUxA+s\r\nop6LTI6eQ2Mtffvg2DJoQnZkPwhlQ+wbV2Uc5b42CQ359I+uptbXiuhGHbRJ\r\nq9zH3EwJpxN0a1VdK9vUqrX5sW2fTHFQ30jAZHrKONa5WysfRQ/0qwNdkdJe\r\n/RD6SQjgUvSXaYZcx8HQpLJUTdXdhVB1ndpdo8MAPJ4kql9PMoMyEX54Ccq6\r\nbCG9bmS6euFtwmKj3CtcPgXawMwRhyKWE8+c4RspgwGWJJkkNOLzLd+dPC06\r\nH5P7ZanXv1s/Kn9J4LC9YK+8IEGmfRqKOVQ=\r\n=oOvP\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.496_1672106454486_0.5286448839966544"},"_hasShrinkwrap":false},"1.1.0-beta.497":{"name":"@spaceone/design-system","version":"1.1.0-beta.497","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"types/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"reinstall":"rm -rf ./node_modules && npm install","build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:tsc:watch":"concurrently \"npm run build:watch\" \"npm run tsc:watch\"","tsc:watch":"tsc-watch --compiler vue-tsc/bin/vue-tsc.js -p tsconfig.build.json --silent --onCompilationComplete \"tsc-alias -w -p tsconfig.build.json\"","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node scripts/lottie.js","css":"node scripts/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test:unit":"vitest run","test:unit:watch":"vitest watch --ui","test:coverage":"vitest run --coverage","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"5.10.0","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vitest/ui":"^0.26.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","concurrently":"^7.6.0","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.9.6","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","tsc-watch":"^6.0.0","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vitest":"^0.26.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 16.13.2","npm":">= 8.1.2"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"},{"name":"Sungmo Jeong","email":"tjdah0853@gmail.com"},{"name":"Minseo Lee","email":"nseolee@gmail.com"},{"name":"Yongtae Park","email":"pyt4105@gmail.com"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"ee2de0f816f3f66554848feb81f17ac03b4f0907","_id":"@spaceone/design-system@1.1.0-beta.497","_nodeVersion":"16.18.1","_npmVersion":"8.14.0","dist":{"integrity":"sha512-S6VSdzTSYwvRBX4zdiD0b25CAP+MVX+fddvnYsVroiHnDXYnmGQ1YjkI0hrL3sYkGSKp5ThkVpxZHyJ3QP/Qpg==","shasum":"44604c18f4e9bcf01af165d262504ef9bfffdc0a","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.497.tgz","fileCount":586,"unpackedSize":46023468,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIA2TUxiXgsLTjiQZi9XAAzebXBTeDEX/UG03CZaWATsfAiBq9xHsuNwq4iJ3ibvnItk/kN3EspfzIQ46y9kJOM6KNw=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjq+KdACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpOrg/+MU/5vz+FrFzOwp5hcmWtpL+0Qcene7B1texEX5OGlbNayma2\r\nccAezm/W8RiqbbXRBGYvOLpWl5hUGBIIvkxL3s2c+nLX6L5VuW1r1Gh2NWlg\r\nDNhbbmkHxe5AIY0iPj0pxY0gFzBd1rOO6HFBhSAM4W7p3abpRFHpLxLOpkGL\r\n8VMFmUZBKMt6fN2OazjV0xBn+oRUGqrCA4VP8qHfmisPGsMd0A5lzLLi1igG\r\nw86LSium/1Q7lHhJeEdwV1ScDlSgVjMH3gpdg2F0wu/dfTcDwmO04QEqBZl2\r\nYNSOVxxE2ujlk+3/1dZNxJwWQZX+Rjqu3GbNa5YdFcT0CpQf12nzDN0TmGbE\r\n5s2lGv5fI3OhkRkUHTAHIZoZs/eRYCjbDnnI4LS42bSMpVQMnBt0PGAziW5E\r\nlilc6HEYRiLl097Mnb1WMjiX9/DDqwoo12AlFJG5SiVRdJ99lzKJHORh5Adw\r\naQRAYsWAYeDJb407FZdbyix/A6kfez8bbHjEHzMfipdk6QDNJnXmdrOoleJ4\r\n1Y50Apk6YRaR8yiQnRTDs+S+ReCX+6sE5awgGsLTgD2qK2G5MqRfkrdEqanV\r\nvgnQPEI15dqRLpiwSegCQB75ONZUD0WXt41w8ZnFKz0nMoTcXrVdGyoQXl22\r\nFLOhyqGUgB0V5McV2Nfk7E4WXuOubVu/fbg=\r\n=sCWa\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.497_1672209053437_0.26246689704456316"},"_hasShrinkwrap":false},"1.1.0-beta.498":{"name":"@spaceone/design-system","version":"1.1.0-beta.498","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"types/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"reinstall":"rm -rf ./node_modules && npm install","build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:tsc:watch":"concurrently \"npm run build:watch\" \"npm run tsc:watch\"","tsc:watch":"tsc-watch --compiler vue-tsc/bin/vue-tsc.js -p tsconfig.build.json --silent --onCompilationComplete \"tsc-alias -w -p tsconfig.build.json\"","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node scripts/lottie.js","css":"node scripts/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test:unit":"vitest run","test:unit:watch":"vitest watch --ui","test:coverage":"vitest run --coverage","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"5.10.0","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vitest/ui":"^0.26.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","concurrently":"^7.6.0","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.9.6","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","tsc-watch":"^6.0.0","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vitest":"^0.26.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 16.13.2","npm":">= 8.1.2"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"},{"name":"Sungmo Jeong","email":"tjdah0853@gmail.com"},{"name":"Minseo Lee","email":"nseolee@gmail.com"},{"name":"Yongtae Park","email":"pyt4105@gmail.com"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"3df83a5cddf25bb8a578ab49a7c18e525fc685dc","_id":"@spaceone/design-system@1.1.0-beta.498","_nodeVersion":"16.18.1","_npmVersion":"8.14.0","dist":{"integrity":"sha512-Tv8XAODYuP0jy0BUFqNX6PCOYKLN8FLm5E8iursGo7C7MW7LcGeFg8B78NwZkDbrPwjgrVzXOeU1dbQWuF+Y3Q==","shasum":"9e2fe272f5406258ac7de71d98b9a7f106ecb369","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.498.tgz","fileCount":1658,"unpackedSize":60000837,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIH4RwkL/LcGoyacgxuNRnP2XCeLNh6OoKtqckYP4yeTMAiAHg+5tuYEwZ5Ee4RUiIfMOps3z7pCDPVkNpfgfvkoDbA=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjrA6xACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq5OQ//YZrYZwCiAOsRjj9tQqPx+5Is/9BHv6Oi7XvcVcnOdmUMImCV\r\nucpaun/eqiFfPMGuRbQ7jlAY4wshiZXXXa8xAuwvmfBYCKbeCAH7S1oiJc3w\r\n+52N/7RWx4Kud/EQMdz+prGmBJ3JypZ8fUmTy32z1q7+bFmEYs6/cKe5hk+7\r\nAr7MfTI/8WONFBknBiJ+Vz27y1oKwhzyozUcGSxpcpmGG2pH7R9c6gaNtCFi\r\nz5nfcXPhpEZBIZdbWrxDoEopepY0nGzaK5wyGgCPN3HGYCTd05wGU0yex9pa\r\nKien49pGaf4kKv4yvPFBC96DD9lSBIiGbrkitmfNTGcSsKYtrndHRT994fGR\r\nX+vjUUA6RfLI0ojpXvqtVEpGla+J3Fu7dDIt1gWgLyCqunA1sc/I8qZRmolQ\r\nA/2huaasXn2jUl+HKw0hUbekblHJP9NZbEAFB5BjwuwIFDpxCoqNsYDtilrT\r\nJaNB4JZ65lSaP3DXXsa/FCxm3/FGvI1fKiz4aK6GF9GNWkHLNuQtCtVjtBaK\r\nfH/D8ysJk1knhktGUIwCozKJoBkIawqGKKE/Jxy3j7MbJqqYUBfbCF6fqn+J\r\ndX65AvHKFUzlYeKI4IAJ8nCZrMWGU9tSADCd2kuy+MkohsWi4CEn4LDSmgbE\r\nRhiSS3BP5yUNpEtasDnoGWVbap6s8U8/0pk=\r\n=LgFO\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.498_1672220336836_0.7453042126955527"},"_hasShrinkwrap":false},"1.1.0-beta.499":{"name":"@spaceone/design-system","version":"1.1.0-beta.499","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"types/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"reinstall":"rm -rf ./node_modules && npm install","build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:tsc:watch":"concurrently \"npm run build:watch\" \"npm run tsc:watch\"","tsc:watch":"tsc-watch --compiler vue-tsc/bin/vue-tsc.js -p tsconfig.build.json --silent --onCompilationComplete \"tsc-alias -w -p tsconfig.build.json\"","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node scripts/lottie.js","css":"node scripts/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test:unit":"vitest run","test:unit:watch":"vitest watch --ui","test:coverage":"vitest run --coverage","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"5.10.0","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vitest/ui":"^0.26.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","concurrently":"^7.6.0","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.9.6","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","tsc-watch":"^6.0.0","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vitest":"^0.26.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 16.13.2","npm":">= 8.1.2"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"},{"name":"Sungmo Jeong","email":"tjdah0853@gmail.com"},{"name":"Minseo Lee","email":"nseolee@gmail.com"},{"name":"Yongtae Park","email":"pyt4105@gmail.com"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"2d473f3ff67eaf83d2f46ed180ccdcbbef1ce300","_id":"@spaceone/design-system@1.1.0-beta.499","_nodeVersion":"16.18.1","_npmVersion":"8.14.0","dist":{"integrity":"sha512-Hdl24TiHci/EmpRgAwiHrixGZn4qDfz3ampJMA1bBq907Inw4qG2C4ER5VpOH6IVWlm1dHn+b+Ir6uo+Vcrw7A==","shasum":"bfe00ae835894a38db4ffb86d12c967eda5b3a94","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.499.tgz","fileCount":1658,"unpackedSize":60003155,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGUunFL3BXanihkq4qSCAoFjL9juJteL+dHV79Kz9ZZtAiAs4T6n1GcKc3zXk7l+bnPMzzEnKkGNT3EgWWFeeL+a5A=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjrPpaACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr+LA/9ECkpGQcLJYmHZFTWqqu+EF2w1S1JYlcC+PjMoKwu2gwS35Qb\r\nQX+gkQsLxZRGg1bF+B+1khZv0aRkP8Ot5PsytQJaV/PBMXeIySvrD+7yLmbj\r\n5k5zIQ5EbkRHWms6hedNvepJhaHRtffcKm8I9fAYFZCzCNftweQRfVFsrDTm\r\nGpJfc65pFbbyzKMwqqZejTZhtvfmHolvPUpp/M5hkRIcK1I+83rR2b9kCDNT\r\nfS+TzcrMZl11JHAws96GdmCdk35tAobq5Cbgy6zag9VQfxEzWrlo3LAJ/rHT\r\notAl448zrAhoAZUeCPKRbwt8zYdNr4o5kP1zyrwSD7wkRNozJDpZ04TCVDOe\r\nsVwYisBZamq2HZOzVJFqs3zbCJDBFpydSMpVssCvw8UP7mAw/UTC0mAWmnl1\r\nHW38CfYRknGSTigH9F5Uto2YIkjtj92mLcF+0QbjL3TQVzVTUupJ9cBVkeLj\r\nnW/B7h+HSt8mTMVGgY0PO2DY64eMxunrHMhpUf36onXntqWaDy79id6zRMAC\r\nsMAPJMUVOokj3u4ePjDeUpiYJI+nS9col7LQ0dtpl1+5steu4ia04cxNrH3r\r\n5RnyfW0HzXWZXHa3ehTpkWWiKxTymuSiVhh0/tQ2W32uWjM8EjAb+Q9czskl\r\nijlZnzcjH5FZL+TUqqhkeLXd7vUUEcCR764=\r\n=q8k4\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.499_1672280665503_0.8824066188919921"},"_hasShrinkwrap":false},"1.1.0-beta.500":{"name":"@spaceone/design-system","version":"1.1.0-beta.500","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"types/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"reinstall":"rm -rf ./node_modules && npm install","build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:tsc:watch":"concurrently \"npm run build:watch\" \"npm run tsc:watch\"","tsc:watch":"tsc-watch --compiler vue-tsc/bin/vue-tsc.js -p tsconfig.build.json --silent --onCompilationComplete \"tsc-alias -w -p tsconfig.build.json\"","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node scripts/lottie.js","css":"node scripts/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test:unit":"vitest run","test:unit:watch":"vitest watch --ui","test:coverage":"vitest run --coverage","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"5.10.0","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vitest/ui":"^0.26.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","concurrently":"^7.6.0","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.9.6","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","tsc-watch":"^6.0.0","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vitest":"^0.26.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 16.13.2","npm":">= 8.1.2"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"},{"name":"Sungmo Jeong","email":"tjdah0853@gmail.com"},{"name":"Minseo Lee","email":"nseolee@gmail.com"},{"name":"Yongtae Park","email":"pyt4105@gmail.com"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"5afb3e5f63b4b35e2c7b5cc138af0b7ae70b1f0d","_id":"@spaceone/design-system@1.1.0-beta.500","_nodeVersion":"16.18.1","_npmVersion":"8.14.0","dist":{"integrity":"sha512-ZdeUyLc9bAyuSXnd4zOk5QvIiWn1aP9Sd9iqJKS0RUpiooTgXeDilRQjJBCinbnP/0jAoHxC4mLq2bXt/IBYWw==","shasum":"c6d6ddec29f4e9c7568232523ef0c3a32edddf92","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.500.tgz","fileCount":1658,"unpackedSize":60010898,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBbpog7TsMQpT1FLRhKormHkAmLrdRFqe9tJy558GJnNAiEA+Qh5NzMFF6wRIA2owIDolOvurWwEF5AuNVrRVXxVq3k="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjrZNXACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpB3A/+M78FTyMuHR/TqHEiPhiufFxVzplloMPyV+M3BjdKt4nOQc60\r\n7HM8q1wla6hseBauQ2cXkYqV29K3N44+AEuF2thM8qMQVpnYTPvnUtThsyXA\r\nNHX0T5XABvTi/CFOULukcoi29pRu9cqwsKL3R32dYd1eWtu7+SUQgGHVzUbr\r\n/+YiiFQjK8QdcDQAPgFmXJS6Rdr+2WF/nKGn2+HpTVQIYMp0x/Ex0o/c4aAa\r\nxqIkBorjRys6WktH+aF9SySrr5waiuPsJLSyeW9WYATpSPJHSpMrAxhdd/f0\r\nr+gvoAmxau2ak71j1Grd8+jtUUSIAyhFQd+Vs2BDh26ouoJHR1rJi8BgT7dU\r\niyLPFlOwOzFSIXk1Bu636In6b6upMIeXnSv9wP2kpcqK4+ouWHJIJ5704thc\r\nHdq/U14c3ik/6tns8xeQdQOuANJOAcd8e4qvAQXCVjdboNv8r2ve4dXhUUgf\r\n8NcrLtRSBVxMooVjpNOR4axLXc+50wWD2oBSPJDLQb6EyEmMn37GqOISTy3C\r\nl3ZKnKQY/pHaafdcbyAX9AEWE1jWUz+MArEXQFxg7QU9gSuQZeBuVgziqfzw\r\nQZx8SK+LNPR2OkEeEoPXDz+6ujW6XAC8Tx94UHvqZkwur5zvz7d5GZW5AKao\r\ntVn9/klQ1+CRw1Hl/XRdJRTMS/FCzMln748=\r\n=T2Zz\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.500_1672319830515_0.8277201381344479"},"_hasShrinkwrap":false},"1.1.0-beta.501":{"name":"@spaceone/design-system","version":"1.1.0-beta.501","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"types/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"reinstall":"rm -rf ./node_modules && npm install","build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:tsc:watch":"concurrently \"npm run build:watch\" \"npm run tsc:watch\"","tsc:watch":"tsc-watch --compiler vue-tsc/bin/vue-tsc.js -p tsconfig.build.json --silent --onCompilationComplete \"tsc-alias -w -p tsconfig.build.json\"","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node scripts/lottie.js","css":"node scripts/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test:unit":"vitest run","test:unit:watch":"vitest watch --ui","test:coverage":"vitest run --coverage","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"5.10.0","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vitest/ui":"^0.26.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","concurrently":"^7.6.0","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.9.6","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","tsc-watch":"^6.0.0","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vitest":"^0.26.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 16.13.2","npm":">= 8.1.2"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"},{"name":"Sungmo Jeong","email":"tjdah0853@gmail.com"},{"name":"Minseo Lee","email":"nseolee@gmail.com"},{"name":"Yongtae Park","email":"pyt4105@gmail.com"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"eaed92cf7d0817bd28b0cec7b0bb1e44f1e857ad","_id":"@spaceone/design-system@1.1.0-beta.501","_nodeVersion":"16.18.1","_npmVersion":"8.14.0","dist":{"integrity":"sha512-6trs7lP3OuhbgF4Fv2NfE8ylGFoY3h6DxfCTz9BZzZeSliwzEHl/egCN8arRej8H6w57t4JvnO3/qnpiw8kMwg==","shasum":"27d18faae67d8434282f8784410967b0997f7ee1","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.501.tgz","fileCount":1658,"unpackedSize":60010979,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIC1mYZ/jCguqfYDicLQNwIC+aA1riE0jE6ZiBxTP0YF5AiEAohbO6ay0uhP3bLGLRpseCXnC4+1iDdpo9J08YC7WFQQ="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjsYUmACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq6LRAAnC3A9sFj3nAAflhAKkeQw8hBvv15Mp0rRw8hJRQlHxLNQA28\r\n3T1Mnr3wD8uvme1Y2T1e5pYfiQNX3xUcSAGJxrmoCa0sVDIenxXoS2M2Rca0\r\nwoJeCoza/hh1HPtvWfcxPlOkABKTl/ecYE8O49OQiYMSY+pGNusoRlaapqKQ\r\nt0kvimOujhm1zlkrEr1mWYRuLEArmYfOF7lAVN4NtxCW+Kl2EmmlWHUNxGmS\r\nF/RoVTCtjtH1v4MvqGvZ+i8LTu40Ib0n0Oa0pzGuvNMeuk3x9AT8OtRtSKFz\r\nIYUudnl9MaVY45GWaG2PLFwFXMwL3DMz/UvZjDLP8wHXc4U69nAm+r6/ZRuz\r\nQ1XhtFZZdhEW17MSqTGXQrRx9nxxzt5PQz3dfAkpa9a5dO5/P+DO2PDPxLH9\r\n0rFnM9o+2ofBBxppxk6PYdp9QwoCWOmhufXAsUzBOhYkF629Ubcd/izSLY/Q\r\nJD6EVC33jR21+r1SOeyjdwtKgTJwvvitOoVJvud+bR2RTD0gzQ2xaekLQrGU\r\ncbqOs+6EDnGe89HWlHPu6fY5biRO1iQMlhRI0bZZxUflK74wljQBqo9cbAx3\r\na77uQljwjCwcgee6kt8qdhfW0cXoD4WTkvgVPRfQhTVsS1lxEZt+/eA4KbJB\r\nvj4VjAnQkXTkKKxQyXCOfr5s2nofoXfnv5Q=\r\n=DFT0\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.501_1672578341961_0.8480390394552362"},"_hasShrinkwrap":false},"1.1.0-beta.502":{"name":"@spaceone/design-system","version":"1.1.0-beta.502","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"types/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"reinstall":"rm -rf ./node_modules && npm install","build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:tsc:watch":"concurrently \"npm run build:watch\" \"npm run tsc:watch\"","tsc:watch":"tsc-watch --compiler vue-tsc/bin/vue-tsc.js -p tsconfig.build.json --silent --onCompilationComplete \"tsc-alias -w -p tsconfig.build.json\"","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node scripts/lottie.js","css":"node scripts/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test:unit":"vitest run","test:unit:watch":"vitest watch --ui","test:coverage":"vitest run --coverage","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"5.10.0","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vitest/ui":"^0.26.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","concurrently":"^7.6.0","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.9.6","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","tsc-watch":"^6.0.0","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vitest":"^0.26.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 16.13.2","npm":">= 8.1.2"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jenny Kim @dsict","email":"kja0717@gmail.com"},{"name":"Wanjin Noh @WANZARGEN","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee @siyeons","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu @yuda110","email":"yuda@gmail.com"},{"name":"Songyi Kim @song2kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin @wesky93","email":"wesky93@gmail.com"},{"name":"HeeYoung Anna Lee @heeyoung1332"},{"name":"Heeyeon Kang @h22y25n"},{"name":"Sungmo Jung @sulmoJ"},{"name":"Minseo Lee @minseolee"},{"name":"Yongtae Park @piggggggggy"},{"name":"Lee Jeong Min @danmin20"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"20e9ae932d294abf1bc1fd0479c8d909061be708","_id":"@spaceone/design-system@1.1.0-beta.502","_nodeVersion":"16.18.1","_npmVersion":"8.14.0","dist":{"integrity":"sha512-RH1bKIVrs3tSU+yxHdL7TLLsHQSa3ZxR7R5QiTk6YLMjna+eQPdDy3BT+Zt+tGQ7SB2Pt4LYxtbUVUvQ7f9P8g==","shasum":"d2198fcf6501bc285b2821d6728ab64f0169f23e","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.502.tgz","fileCount":1659,"unpackedSize":60012638,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDDYKHM9eWiCN69QXNWMlak39e0DNlSZQ8cgfyZSOWpvAIgAkMQNnYHNER976fpoJSV9HFmEza3gJcX/3MR5UEuMyo="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjtAPEACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrI6A//Q0zFUsexvxwhCRee+JnQ/dA/5aV9zxAqd4eiIVdm0nQ5IKgM\r\nh/i7NS4mxihFmXtJX/xJFQWgT5JlxIQnqI7d5oJYBtpFwoZrTsh+QGPVg7eD\r\n8HmnV18nE7fy8mL9ZLeFoezW5mGDyKe0dXjHMQjWRdxzyG+DpHmqvsIayeQ0\r\nPfJn3ntK4RkYgyeXLIyjNpGzWhKABt/bu5HAh8OSEvy758VypPkTTTLARK9T\r\nB/qJBYedr0Eu28yMKS3+J5BPmyT2H0XKWm80/RlEceaNQrCI0i+x8iutDGlh\r\nsaQf36/6t8L4AlXi3go1aIkcphQbAsip6r+A5Pk9mi6ygb/Ofv+UT7bs5gLM\r\njgOzYgMQ0hJN+6iDT2iYLdbQ/adifJVmVhGdywzEkXr9F37htx9L1L/gbwYW\r\nNZlEXPRVxcdZhL9LhYOSBoaL31EokVajTwYDJjvxBy4TXizKW40NSOD2aj4m\r\nMgio2r5oX0YFtuSwGu9KdaKKma+tvAV+/PbyRmY4U+7xEJk3EN8JBMj0aEk9\r\nQkqv1VSUrJlqLf6GUn0hpKDOIoZWORSqQDJFGFKto7/N+45iB1y+zT3Ooc+c\r\nxRoFBmaGitZylFdUB68aG9nnD2QOvwV1X35frjndmTGUA4iXzd1oRJvtBKxT\r\nGexi/E+UHMpZO4f+nxDooJpYhz9fan4hl8c=\r\n=1Qdq\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.502_1672741828344_0.048834216926417984"},"_hasShrinkwrap":false},"1.1.0-beta.503":{"name":"@spaceone/design-system","version":"1.1.0-beta.503","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"types/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"reinstall":"rm -rf ./node_modules && npm install","build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:tsc:watch":"concurrently \"npm run build:watch\" \"npm run tsc:watch\"","tsc:watch":"tsc-watch --compiler vue-tsc/bin/vue-tsc.js -p tsconfig.build.json --silent --onCompilationComplete \"tsc-alias -w -p tsconfig.build.json\"","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node scripts/lottie.js","css":"node scripts/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test:unit":"vitest run","test:unit:watch":"vitest watch --ui","test:coverage":"vitest run --coverage","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"5.10.0","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vitest/ui":"^0.26.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","concurrently":"^7.6.0","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.9.6","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","tsc-watch":"^6.0.0","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vitest":"^0.26.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 16.13.2","npm":">= 8.1.2"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jenny Kim @dsict","email":"kja0717@gmail.com"},{"name":"Wanjin Noh @WANZARGEN","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee @siyeons","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu @yuda110","email":"yuda@gmail.com"},{"name":"Songyi Kim @song2kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin @wesky93","email":"wesky93@gmail.com"},{"name":"HeeYoung Anna Lee @heeyoung1332"},{"name":"Heeyeon Kang @h22y25n"},{"name":"Sungmo Jung @sulmoJ"},{"name":"Minseo Lee @minseolee"},{"name":"Yongtae Park @piggggggggy"},{"name":"Lee Jeong Min @danmin20"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"528e6420d806dbc1ad1d2bbb0a897cca734c7a0d","_id":"@spaceone/design-system@1.1.0-beta.503","_nodeVersion":"16.18.1","_npmVersion":"8.14.0","dist":{"integrity":"sha512-YrjImfFCx4W0swe48wHznRnlnS1MyG1lSPtdrRIFU1Rgj0jewXZdTEpc9bfWHgyHGCxl7Cvj/43wWVwDKNuwcA==","shasum":"babf66cc83ac49e09284d1ffcd46e4a20df52f5b","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.503.tgz","fileCount":1658,"unpackedSize":60016100,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD7dP9GfULl2kodgspND62anhb5jOkqdcDsBEcXbki1OQIhAMWLfvnkgIHKB+nPKrlEXxwsOhk6Enpqn/zcvWCNsNs4"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjtB9CACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpMhA//bCdy+QpnIXmN1GVOsdk68vmBDKsmj/MLeChFGeQgXcV4f/FY\r\nUW8jGwL21ptN4gQxuCDW1k7h8q105b5tlwwoboXciNUeD4Mdkfifn2XjL0k6\r\nl6Cc4GMfQlOdRJANB4KreXCUHDmJT3k4B1v37D4DCHTYE/PTPnXzCq2hNmRQ\r\nLknRdx1m3D67cVSbZOCpO9FsQeJ028S+TWPpGZGYkdR70rK8KTCv6D1JTx8f\r\nyl634zaHxWzoUljEnuJUb20yWidyhYo20D540vWhWIaT94bdoK1P3Ncps4z7\r\nLQV0+m6UbfQlA4I9QEqw/4dg8OvMc3wmqpnxfRiEozEAQ5gEvQz09EIyljuE\r\nmG8nny3IqfBp3tmvlyub2+bDHFi7baygwm2eTPb432bS16CP/8td7tcs2PqK\r\nxaPgFu2zy0gCTozbm98juziRFOMTnybm18tO84psQERhasu/seiw4scjAarn\r\nkx/VMUOXVb5TmaITy8OEop1cVPek8EMIkMNl0XbMDRwMLCkUGm23MN8qwxrP\r\nMbKoBfoto+PHdfmNBy4KFIcYinJElLbte7ox9urj4Q68F7+sekieqWeYjbPn\r\nQOWawrp1i30u/TmMVnxtHt7U7pjS+SFjbti5tuX8zuST3P2R587m6xniOmj0\r\ntqxSCNApfhLvUppqmWSgJETtcPWkx/aEQrk=\r\n=2ycS\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.503_1672748865912_0.349070613346139"},"_hasShrinkwrap":false},"1.1.0-beta.504":{"name":"@spaceone/design-system","version":"1.1.0-beta.504","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"types/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"reinstall":"rm -rf ./node_modules && npm install","build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:tsc:watch":"concurrently \"npm run build:watch\" \"npm run tsc:watch\"","tsc:watch":"tsc-watch --compiler vue-tsc/bin/vue-tsc.js -p tsconfig.build.json --silent --onCompilationComplete \"tsc-alias -w -p tsconfig.build.json\"","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node scripts/lottie.js","css":"node scripts/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test:unit":"vitest run","test:unit:watch":"vitest watch --ui","test:coverage":"vitest run --coverage","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"5.10.0","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vitest/ui":"^0.26.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","concurrently":"^7.6.0","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.9.6","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","tsc-watch":"^6.0.0","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vitest":"^0.26.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 16.13.2","npm":">= 8.1.2"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jenny Kim @dsict","email":"kja0717@gmail.com"},{"name":"Wanjin Noh @WANZARGEN","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee @siyeons","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu @yuda110","email":"yuda@gmail.com"},{"name":"Songyi Kim @song2kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin @wesky93","email":"wesky93@gmail.com"},{"name":"HeeYoung Anna Lee @heeyoung1332"},{"name":"Heeyeon Kang @h22y25n"},{"name":"Sungmo Jung @sulmoJ"},{"name":"Minseo Lee @minseolee"},{"name":"Yongtae Park @piggggggggy"},{"name":"Lee Jeong Min @danmin20"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"16aab2d6aa2889f8a7ea1442938f0bdafe8c9cef","_id":"@spaceone/design-system@1.1.0-beta.504","_nodeVersion":"16.18.1","_npmVersion":"8.14.0","dist":{"integrity":"sha512-KBkxL/6OR+kh7k2kmtZhW0AKWyj89hRSWuI/p1qzwyP/BvMmHQlmNvapvXVZrF0xj1ibUC+YEih/dql4JNVbTw==","shasum":"205214e3c9a330630b0988c21227d342c00528a6","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.504.tgz","fileCount":1657,"unpackedSize":60014650,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDILNUyDxdxVcF1rNv2atz8rHTLYV3SwCXISQI3LuynGwIhAPtHvMnKxErpHngpkcaO6vauOsNfxOh6PSawQZqPcge/"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjtR/oACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqVNg/9GFm3HRggt0zaYr81Pfll09N9LLd02BZ/yVqMFQFWGzuBV3g9\r\nOOQ7Q+ovlI06/CL4xQZSFbP4bVPmxy/w84qqW3UTf+jfDFDuAlJDPThFWtRT\r\nghNBAk8AwIo41LcMZ4EinD/I6dX/+/A1gOQxIewfQe1u24bJGpIAYZDsAhxF\r\njl9S3KQKmv8qBbCnSHXkUMZ1WhRoKdBz3vD0HY2yuPhIS5yA35H779BGTDo8\r\nXSjxYg553HtyADPzbLw75t3Ha6H/th+C3tMFRar66mtCj0jOPuFC0FPCJTpZ\r\nIuaW0FB3sRT/6hsAT3wFPDcluC91+hLC1TKfATYxadNv43wy5RZ/iqrMHyi9\r\nn5LCPX4v+w3+XX7HXHO+eZWnQvLqDRmkP5ro8h1nsGwpwZKmBpdq+f7gKqNC\r\nR4FfOA2oahWIfndlBQR+Nb3z0JXKI6P2HwuM1V2nL911TNNOOQ2b6TwD1VRz\r\nyYrquw/E6FXNMPBWafFOmg5ax2x/aw0yJOB0uRF7VKTNo/HrKONaKB8JSyrx\r\n64YXAwrZM5koJBkZbAtNCUx4bGHIPXDNELSAMp9j7pITAEXZl0l5e8cAvwuq\r\ngS8r8o8+EVW9h5JJ9svnPDKJm9De3BElIugYJczHNfRLx5Sf5Vj5o/pBt2oO\r\nmjTgrdTMOOPSneGAaKI3Ludf+P/qsBPFGe8=\r\n=iXMK\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.504_1672814567882_0.6915058480116449"},"_hasShrinkwrap":false},"1.1.0-beta.505":{"name":"@spaceone/design-system","version":"1.1.0-beta.505","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"types/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"reinstall":"rm -rf ./node_modules && npm install","build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:tsc:watch":"concurrently \"npm run build:watch\" \"npm run tsc:watch\"","tsc:watch":"tsc-watch --compiler vue-tsc/bin/vue-tsc.js -p tsconfig.build.json --silent --onCompilationComplete \"tsc-alias -w -p tsconfig.build.json\"","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node scripts/lottie.js","css":"node scripts/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test:unit":"vitest run","test:unit:watch":"vitest watch --ui","test:coverage":"vitest run --coverage","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"5.10.0","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vitest/ui":"^0.26.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","concurrently":"^7.6.0","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.9.6","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","tsc-watch":"^6.0.0","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vitest":"^0.26.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 16.13.2","npm":">= 8.1.2"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jenny Kim @dsict","email":"kja0717@gmail.com"},{"name":"Wanjin Noh @WANZARGEN","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee @siyeons","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu @yuda110","email":"yuda@gmail.com"},{"name":"Songyi Kim @song2kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin @wesky93","email":"wesky93@gmail.com"},{"name":"HeeYoung Anna Lee @heeyoung1332"},{"name":"Heeyeon Kang @h22y25n"},{"name":"Sungmo Jung @sulmoJ"},{"name":"Minseo Lee @minseolee"},{"name":"Yongtae Park @piggggggggy"},{"name":"Lee Jeong Min @danmin20"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"2a379919865192995b5bbc936d32118f750da8b4","_id":"@spaceone/design-system@1.1.0-beta.505","_nodeVersion":"16.18.1","_npmVersion":"8.14.0","dist":{"integrity":"sha512-ev6QbvhQN2vKj463rpWGWMTeIm5NfSqaL3l8LeMsRL+kAVbuOPo5ZUpL0JREtKl5vfuamX8ODcdfiF4P4sFx1Q==","shasum":"27c74e409608f0762db5eba0c46090eaa5d41d9b","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.505.tgz","fileCount":1657,"unpackedSize":60020817,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIArGm0mZGZxaGZo3C38ohsZHouTYrRfqOoZPTRHMODNcAiEAse7OdmXnLRfNDsuI5dOvaFu+3B40/pNSMBAR35KhbOk="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjtShTACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrt6Q/8DH/VRtFRkbyNowSiWnyWwagXag8VTH36prCF2aa/wDFFYemF\r\nP5ISJU0J06cSxiJbdTsM8BXMkA5g7FRGVJfftAosZFkU6cAb6zhiP3O48eR6\r\nfWskEl3j0AjdbhwM5alFK/qBD6qswg7+BWeWqkcTfJXknww8ejs+QHMjLhe0\r\nJmxuJ87oWk+eGnwy0nmosaTKLrEYURDUY8NM2m7WE6zKRsq1r/g5gNZb2Eg3\r\nf6uNIns6neOC9U8k5pKXMxQt/F7t8wBh2VEIWA9puJ7u9nLs67yHv0aeoDPl\r\nZZ1Hh9oTf7E24gv1sRRLeDIeMxG1aNvg+fXKPiEM9pOI/VurLnZAwwM74mrg\r\nxwXS+b7rs9yHImMVxRGg5Wy3d5rcPB1YQJus/5sswUTD+w4xAtP0jA4GAbEA\r\ndofrSEczTv6fP7+U9ON9PYVh37oKoQ3g9kKwqn1eE+FDO+VPHy0MpuGicDFM\r\nK9KU1SsFBzF8D9QWy5Fe77aK2y9iyouCpq+RJcsyzHRVhOilDaYBPvCUmvJK\r\nWNmQIKlBx6P9HYXjczN9R/8Wqe46sTBxh+x0aMbw2uh3Hx2qOSSZw/uhJ2aE\r\nyVP9kFUICf9VU1fTaskk7ddiSv0hY+iB5rLSeq4mc1YzEqJeQKAp9aWJ1oQ2\r\nEtTKpd0r8Yre1ICbYIUpONxoBdCORJSObps=\r\n=f3E5\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.505_1672816722777_0.8145937162828039"},"_hasShrinkwrap":false},"1.1.0-beta.506":{"name":"@spaceone/design-system","version":"1.1.0-beta.506","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"types/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"reinstall":"rm -rf ./node_modules && npm install","build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:tsc:watch":"concurrently \"npm run build:watch\" \"npm run tsc:watch\"","tsc:watch":"tsc-watch --compiler vue-tsc/bin/vue-tsc.js -p tsconfig.build.json --silent --onCompilationComplete \"tsc-alias -w -p tsconfig.build.json\"","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node scripts/lottie.js","css":"node scripts/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test:unit":"vitest run","test:unit:watch":"vitest watch --ui","test:coverage":"vitest run --coverage","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"5.10.0","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vitest/ui":"^0.26.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","concurrently":"^7.6.0","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.9.6","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","tsc-watch":"^6.0.0","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vitest":"^0.26.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 16.13.2","npm":">= 8.1.2"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jenny Kim @dsict","email":"kja0717@gmail.com"},{"name":"Wanjin Noh @WANZARGEN","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee @siyeons","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu @yuda110","email":"yuda@gmail.com"},{"name":"Songyi Kim @song2kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin @wesky93","email":"wesky93@gmail.com"},{"name":"HeeYoung Anna Lee @heeyoung1332"},{"name":"Heeyeon Kang @h22y25n"},{"name":"Sungmo Jung @sulmoJ"},{"name":"Minseo Lee @minseolee"},{"name":"Yongtae Park @piggggggggy"},{"name":"Lee Jeong Min @danmin20"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"ad2af5a10cf1a1db3d94941be4ebe7ed623c2aa6","_id":"@spaceone/design-system@1.1.0-beta.506","_nodeVersion":"16.18.1","_npmVersion":"8.14.0","dist":{"integrity":"sha512-xgEY29mYNfYiIhj8veP/9pk+OnUdjf3oPiCcaGP89odPCfpllPI0r65IlhHxHTLkWzjPKaD5wvuVZBCgkmblLQ==","shasum":"efe676d9754cf935ab180ef52cfac1f217ba3c4d","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.506.tgz","fileCount":1657,"unpackedSize":60020852,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFIipLqCwEd1faT+Q+dysDkMhkoSAWHfljnAJ6Mioc9yAiAUvtBoUmgChb28b/9LDQrJD27vUTMGtN6iVlcODaa/EA=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjtSuLACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoBBw//QJcu6rQVbDOft6qVs1NDdChr2lFAUeZrsp2zWv3ovfUfQFld\r\nOKzztITOXegNscaM0gPc9ocQaSjZSkoax5HMlI2ZWaoKNHeNd8V2f/dC7c8e\r\n4lsi8pNgVMYZfIExbrSwq3DEm+Nwa6Y0ffSEEr310y87DpkxSCHgpf/LLlXU\r\n+5RfE4jDSTyeLBzF2mJICZmjT7l+WwnSZgQbGK/7iiVn2ANjMI4A0ZFJSpV9\r\nmdGb/VLO7CmUTP5M2HMrxU/ziysdIpuKwaHeDVGWeLR62I7L15voSL+FmZSQ\r\nnE91bIq6JSO/0DXVgKg6Sa7SbJ6fpKdTvSE5pr8ELUr9gJxpQZJCHdz6Ochj\r\n7c3dGi0w9OmXKNnRHkQ6plMiJhWmJI1rL9j8aD+SIAPP/u+N+B8ArnwDGdx5\r\nA5n2bHhr6LpZh3q6KnpUI4svvc+UgebWFyNc1t7K49TlN6rnfbO9qx7r/DWs\r\nm5dwXu4C3PtMR7Rwb4+SierDEcQcewWCXdGtjgbO1CkZhpk9MkFg0TgqzFam\r\nFz5QN9bJaMo1QI3TDcW6mLgYRB+tY2kbV+7jnp893Hrl42XcMrkfEGDz9ApV\r\ntGaKNQGRdP+b7f2dDG2sdHz2/AyBQgyqEl28FFAS3d/eYUzx4jMZFzGkZCAR\r\noQJk+zKvTXgFZ+iVTZ3wA8v2UP4kgxLvja8=\r\n=5Ox2\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.506_1672817546782_0.47428267107010713"},"_hasShrinkwrap":false},"1.1.0-beta.507":{"name":"@spaceone/design-system","version":"1.1.0-beta.507","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"types/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"reinstall":"rm -rf ./node_modules && npm install","build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:tsc:watch":"concurrently \"npm run build:watch\" \"npm run tsc:watch\"","tsc:watch":"tsc-watch --compiler vue-tsc/bin/vue-tsc.js -p tsconfig.build.json --silent --onCompilationComplete \"tsc-alias -w -p tsconfig.build.json\"","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node scripts/lottie.js","css":"node scripts/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test:unit":"vitest run","test:unit:watch":"vitest watch --ui","test:coverage":"vitest run --coverage","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"5.10.0","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vitest/ui":"^0.26.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","concurrently":"^7.6.0","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.9.6","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","tsc-watch":"^6.0.0","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vitest":"^0.26.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 16.13.2","npm":">= 8.1.2"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jenny Kim @dsict","email":"kja0717@gmail.com"},{"name":"Wanjin Noh @WANZARGEN","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee @siyeons","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu @yuda110","email":"yuda@gmail.com"},{"name":"Songyi Kim @song2kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin @wesky93","email":"wesky93@gmail.com"},{"name":"HeeYoung Anna Lee @heeyoung1332"},{"name":"Heeyeon Kang @h22y25n"},{"name":"Sungmo Jung @sulmoJ"},{"name":"Minseo Lee @minseolee"},{"name":"Yongtae Park @piggggggggy"},{"name":"Lee Jeong Min @danmin20"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"658e5a58ab34ea62c4189c36ae2b569335cd0cca","_id":"@spaceone/design-system@1.1.0-beta.507","_nodeVersion":"16.18.1","_npmVersion":"8.14.0","dist":{"integrity":"sha512-BAa3Gs88baHd8YcTNxWdpPu8UHN2/ecDj0AHrxhJGxClMsb+96ZlyhT/h1XSAkQJS9EWt9P11stAg0OMYWlMhQ==","shasum":"a7f560672a4a62e3d57c86ea8609d50aaec5a769","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.507.tgz","fileCount":1656,"unpackedSize":60015505,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDG2wluq5oJ6w6SWYKxXoezHbqmhd3XrxsBFxZMYyZWagIhAPjUz+Iuiy7UfrAPh27NOhVUfpDJd1BUPOBMfV01Hw1a"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjtVQ5ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmosihAAoDWFpaHz9iGLiJR06HJ7G3PKUIw8STwj95jxeubCdMoWZhZG\r\npGbfK4JB948g1SSUPJNO1UF9xYkMFUnvrVlOvAy6XgQjWKj7sp+i+MDnLcEz\r\nwif5KJZP657O73mWBFG/lriZmGWWUcQowPg4Nb/TA9PuVS6LQPSLNiYfqYPb\r\n+xFIBPzbA0F9Yne3RNrKDuUUnSc9hQejSYoZekuiVEEOXkh+GwC5wajpFiou\r\npiB74B3glURSOzFQWITHzY05vJwhCp680ktTPm7nY1joG5wGWitVq7RWAQO2\r\nBWvWzPYpZNZtaU3XsYF0+abbQLzlp8gNlRrOl7D4mVMCth7eH7Az9RzgxyvH\r\nYvK+qK0tNlKWnGboc1CLM2eb2tTaGTabixWd+W0IBuUrvt6j96fJdIrpZ11n\r\nJOkLt+8JIJmQWllXUZTYxgMNAewufvVZ77tHbkbdnnDf5vI+oBSWz3P6lhUj\r\nidulkhUxn8/nH9xaczsXCm66r2d5BlCPRVhbgtgoZDmI6caE02X5BYUrd35W\r\nRovZeV2cQTzJXTjnOXPJbkVYVWpDJo2mxRauiLZ3A+130e1aApX0XiPWLHIP\r\nxvWQNcorXxzeHIUKnlxJSi6lcPX38rNxQPhy/ySehxNFMJYerWhcBYBO3A95\r\nI3RNn4BzuJq7RFIiClM0qziDVOO6LG8LKEo=\r\n=uha9\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.507_1672827961460_0.23336749165878756"},"_hasShrinkwrap":false},"1.1.0-beta.508":{"name":"@spaceone/design-system","version":"1.1.0-beta.508","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"types/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"reinstall":"rm -rf ./node_modules && npm install","build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:tsc:watch":"concurrently \"npm run build:watch\" \"npm run tsc:watch\"","tsc:watch":"tsc-watch --compiler vue-tsc/bin/vue-tsc.js -p tsconfig.build.json --silent --onCompilationComplete \"tsc-alias -w -p tsconfig.build.json\"","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node scripts/lottie.js","css":"node scripts/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test:unit":"vitest run","test:unit:watch":"vitest watch --ui","test:coverage":"vitest run --coverage","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"5.10.0","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vitest/ui":"^0.26.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","concurrently":"^7.6.0","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.9.6","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","tsc-watch":"^6.0.0","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vitest":"^0.26.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 16.13.2","npm":">= 8.1.2"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jenny Kim @dsict","email":"kja0717@gmail.com"},{"name":"Wanjin Noh @WANZARGEN","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee @siyeons","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu @yuda110","email":"yuda@gmail.com"},{"name":"Songyi Kim @song2kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin @wesky93","email":"wesky93@gmail.com"},{"name":"HeeYoung Anna Lee @heeyoung1332"},{"name":"Heeyeon Kang @h22y25n"},{"name":"Sungmo Jung @sulmoJ"},{"name":"Minseo Lee @minseolee"},{"name":"Yongtae Park @piggggggggy"},{"name":"Lee Jeong Min @danmin20"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"ab5724fde40c2dbeaa52c9237eefd771a90067b8","_id":"@spaceone/design-system@1.1.0-beta.508","_nodeVersion":"16.18.1","_npmVersion":"8.14.0","dist":{"integrity":"sha512-XGI2Dph7zFHeVDcja+JeK4EDf95HifE1mzCK2hc8sSjguY39R6L49GQibUO8+nS2f6vK1fzkIGAzOp7PRNY6yg==","shasum":"5f29812ca9c902c546fea77b3626411ef6bb9e7e","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.508.tgz","fileCount":1656,"unpackedSize":60017429,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFTxf+UyKq1o4eZJiYcNa8nTqd+HO8akp3W0hDhxgg8BAiEAgh6MvCrGDfi9U3OARBfk82suOrT1DuwHi/BR0o23N6s="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjtWpIACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpwgw//bcvWcSP6fwo6YyIoELmR4AjiGZ2bneq3XkKBNbHdtUf1z3pZ\r\nTxSgjWXeduBDQLa5MzLxvJ/mY3Nnfz9dKRukQttHVooWmehl670CJyFpcRP7\r\nEvMG3fgQr90Mn3c8ARAgGg9+QUTbomzJS4ruc4bpdPjDYjGcL0UzejB3H5lZ\r\nqvSoZJKFiRFDY96s1MslungxuZDO1DZKaIhS2HU6dDsEwtuGZ5K4UrOfTkq8\r\nHJD3xePkHcfr6kqmufDGF/8p3GNeVjMFN0ZztJ95r/5ZtHDrhUwF+ueoZoGF\r\n6+8ghadoghjbxzDXOji7gXIawAWYjfj+RJSskkPDRZPhEcfFAzLgjchCdF8q\r\nv7vXItKnJhoAilyXOBqGipm2VR8c/Wif6CWoG8e9EM7VEcmTZRyAh8z4uUPp\r\nKAJS1Z8PNLQLyUhUrV6nXTFQWAzN4FpFD9ugsTv2PrXSRJ/YkEXU9c1mZF6a\r\n91DR0HExS9nkgE/haonnZoMNWdAHQyKdqR4dWjhzI51sn71sg2pYhFlkFnVE\r\nobL8JYtRA1XZVYDQeOJSF96hItwRJCFdTXK1gHVSMYZkxov2J4tq2aykI80E\r\nN3xwDOOsmPlZ6lRkF4xcgxJW/xpwLy0MTUysDn1XkNCDHEJISB4VFtb0d8bU\r\n6G2JzUj/5ZnC3qb57oYQUpPuN1pZSpVHyTM=\r\n=sTiH\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.508_1672833607924_0.10323651936659517"},"_hasShrinkwrap":false},"1.1.0-beta.509":{"name":"@spaceone/design-system","version":"1.1.0-beta.509","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"types/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"reinstall":"rm -rf ./node_modules && npm install","build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:tsc:watch":"concurrently \"npm run build:watch\" \"npm run tsc:watch\"","tsc:watch":"tsc-watch --compiler vue-tsc/bin/vue-tsc.js -p tsconfig.build.json --silent --onCompilationComplete \"tsc-alias -w -p tsconfig.build.json\"","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node scripts/lottie.js","css":"node scripts/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test:unit":"vitest run","test:unit:watch":"vitest watch --ui","test:coverage":"vitest run --coverage","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"5.10.0","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vitest/ui":"^0.26.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","concurrently":"^7.6.0","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.9.6","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","tsc-watch":"^6.0.0","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vitest":"^0.26.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 16.13.2","npm":">= 8.1.2"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jenny Kim @dsict","email":"kja0717@gmail.com"},{"name":"Wanjin Noh @WANZARGEN","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee @siyeons","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu @yuda110","email":"yuda@gmail.com"},{"name":"Songyi Kim @song2kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin @wesky93","email":"wesky93@gmail.com"},{"name":"HeeYoung Anna Lee @heeyoung1332"},{"name":"Heeyeon Kang @h22y25n"},{"name":"Sungmo Jung @sulmoJ"},{"name":"Minseo Lee @minseolee"},{"name":"Yongtae Park @piggggggggy"},{"name":"Lee Jeong Min @danmin20"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"3aa486c60bf3d7e62dd868027935d120caa40a7a","_id":"@spaceone/design-system@1.1.0-beta.509","_nodeVersion":"16.18.1","_npmVersion":"8.14.0","dist":{"integrity":"sha512-LcEVFoMTptiZrpvL/B9sy1sc8o5/xAmsla0BuI1W/3ILGjZTv4YKeeRAUSwSYBV7ewi3XAhe8wyKXv+46XzQcg==","shasum":"5dc2917e6be3e861dac8c9f1e451b7d9a78820a1","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.509.tgz","fileCount":1656,"unpackedSize":60012927,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIE9+ffdharxAlZbgueH0bGhfmUPRejOirEfA9QBPXrSRAiArIbNiwiIXopTDK52GarnleFZJ2kaI3CriVkv+nMcPIg=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjtnQgACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqcmRAAhZeFixQJZzmhT7Q+JG6O1eMYD/WonhR3tMYeJIP2Xj5K+b1c\r\n4ua6bsegVrdPM1w3ae3sC+fWUl968yTyo9bbjw5KAaKwfZIq3EmIPEU7SUoz\r\n12j9zyCBRyBcUeKQ+sIM0jUH7mjfUdd8tSdyBpXs6CksgEGIiGwDB4f+5fpP\r\n3Wu7wztRUfhvzq/ZBSgETQpRPZE18VaD0QaB0l5V+q/Fh5P6jJxZZvN7zz70\r\nyxzFAB6clHBEKtABk7wc/drLElKgPk/a4bu8uz9a5uzS1JH0hD/DhqFte6h7\r\nBr/5y/BY+3WIJZwUAEHFAAXz9g8fOzyEPMqItDOBwr2twPJhWhdia+JuXLsd\r\nX0r6ZR/gUxKsqH7IQPX5+ZsexDBeqmv11RDtt2k6ar+5Wk5/cAX6+sby0sxh\r\n6mTKv/HMOEw97Tg3PpSsPR+kyFuSvd2zYLyKf0uNVUePMqAeH+GzODjaFQKv\r\nGoZi+fO1WlK8ZM5EAvN2NGNVBVNsS1kSmFilbNV1f3zpeW0/8N7dD860s39f\r\na5Af3lmhG1WSpWO6i3+PZlbCy4akywklugRHh6DYlFNiYd1UjreeanunJxPN\r\nztUNxfD4lmuyYH9ZUSyINkTeRNCfDX2rC3CoeKGRd4lFcJI464TZIIhO31In\r\nlKO7fZN0CTlRaQlxDGLaoVakK0bNIk/IwrI=\r\n=5BgK\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.509_1672901663484_0.09423351601947494"},"_hasShrinkwrap":false},"1.1.0-beta.510":{"name":"@spaceone/design-system","version":"1.1.0-beta.510","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"types/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"reinstall":"rm -rf ./node_modules && npm install","build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:tsc:watch":"concurrently \"npm run build:watch\" \"npm run tsc:watch\"","tsc:watch":"tsc-watch --compiler vue-tsc/bin/vue-tsc.js -p tsconfig.build.json --silent --onCompilationComplete \"tsc-alias -w -p tsconfig.build.json\"","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node scripts/lottie.js","css":"node scripts/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test:unit":"vitest run","test:unit:watch":"vitest watch --ui","test:coverage":"vitest run --coverage","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"5.10.0","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vitest/ui":"^0.26.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","concurrently":"^7.6.0","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.9.6","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","tsc-watch":"^6.0.0","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vitest":"^0.26.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 16.13.2","npm":">= 8.1.2"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jenny Kim @dsict","email":"kja0717@gmail.com"},{"name":"Wanjin Noh @WANZARGEN","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee @siyeons","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu @yuda110","email":"yuda@gmail.com"},{"name":"Songyi Kim @song2kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin @wesky93","email":"wesky93@gmail.com"},{"name":"HeeYoung Anna Lee @heeyoung1332"},{"name":"Heeyeon Kang @h22y25n"},{"name":"Sungmo Jung @sulmoJ"},{"name":"Minseo Lee @minseolee"},{"name":"Yongtae Park @piggggggggy"},{"name":"Lee Jeong Min @danmin20"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"619f8db1be03a954d0f8c02084ea1193d0d1b4ea","_id":"@spaceone/design-system@1.1.0-beta.510","_nodeVersion":"16.18.1","_npmVersion":"8.14.0","dist":{"integrity":"sha512-Ir9KjoylkrX9Xkc3PIw5Va6JLIq/UsPJby/18oEFj0L7cmXMwWE7IpMlxFWy4h5D1hYlB/SJrNfnlEctX475fg==","shasum":"cf6f67f0cdd81be84765a10a9436b73f8d75f9ae","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-1.1.0-beta.510.tgz","fileCount":1658,"unpackedSize":60026731,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGxM6nZdOE4nWO+T1klgYKe6x0V/3RN7xYwp6sa/JsycAiAnHEanl0G3fNUyjC8rKMIj4P19NMTrN0KHrkjW5ANrsw=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjttDTACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmokWg/+PyT6rPW6piWj6LM26DO33ZWEjL7bVBXdFl5T+BYHe8qjw5W6\r\nQD3/PtrfKeSb/ZNkIhw+FXeQ1/9NtgmhkbYwqvWI9K9PnupwQ6dCGBqjCbXY\r\nKwWqWnizRMIU6zJVvyyBgJFhcFgxwL9oZ5lUv94+A/vJcmug/SyeWQSVEafu\r\nnE16mFrglUxljU20UVReE22MH1IkgoaDjj3UW8KZFgvHEwb7B6XtL21KvNBG\r\nKLT+kJOu6JAy91vFi3n19Bb5yUjm/47DFBnD9D7CcrJ/0272HE1b2pEcWhbb\r\nMjjptuj63/TPmHIwAQc521LN8ODCS+Gl8kfU+8+i+KDlJySPLATX3j2WZ1TY\r\nYi3u/eMhk2rLqOwx/QoMAa60jHAsd7N1uZ+trz6GlSNgRGAsKEvWV2iay6OL\r\nLaJNSMZ6JYwrfQUnBKPi+qG82qs622LVOHblUwS+sRfse92yLs4mZSZoEyJl\r\nfXQ648TqefdUKNQgLuXqBxO9A5Q94xlxlFrs0w+Q7kH+Ndt6+a0KxurW82rZ\r\na92gSwyk7m0zUhwAk5vYDQJsuDZOBFy3f2RxI2TTxFcDVikFcHMydmGr1a+u\r\nU0pbN+sGq3KOG8sDVEtaI53gejtkU9kt43xNqn3tSDXxjj6PcQ1Q3W0QbH7o\r\nIS+Bekmdb0c+TsB2Zup28+EJpee0rBqA0E8=\r\n=doXI\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_1.1.0-beta.510_1672925394705_0.6308957267184787"},"_hasShrinkwrap":false},"2.0.0-beta.1":{"name":"@spaceone/design-system","version":"2.0.0-beta.1","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"types/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"reinstall":"rm -rf ./node_modules && npm install","build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:tsc:watch":"concurrently \"npm run build:watch\" \"npm run tsc:watch\"","tsc:watch":"tsc-watch --compiler vue-tsc/bin/vue-tsc.js -p tsconfig.build.json --silent --onCompilationComplete \"tsc-alias -w -p tsconfig.build.json\"","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node scripts/lottie.js","css":"node scripts/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test:unit":"vitest run","test:unit:watch":"vitest watch --ui","test:coverage":"vitest run --coverage","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"5.10.0","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vitest/ui":"^0.26.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","concurrently":"^7.6.0","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.9.6","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","tsc-watch":"^6.0.0","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vitest":"^0.26.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 16.13.2","npm":">= 8.1.2"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jenny Kim @dsict","email":"kja0717@gmail.com"},{"name":"Wanjin Noh @WANZARGEN","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee @siyeons","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu @yuda110","email":"yuda@gmail.com"},{"name":"Songyi Kim @song2kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin @wesky93","email":"wesky93@gmail.com"},{"name":"HeeYoung Anna Lee @heeyoung1332"},{"name":"Heeyeon Kang @h22y25n"},{"name":"Sungmo Jung @sulmoJ"},{"name":"Minseo Lee @minseolee"},{"name":"Yongtae Park @piggggggggy"},{"name":"Lee Jeong Min @danmin20"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"6b41f388982e60baacec8b73aaa0e02d9fd35f75","_id":"@spaceone/design-system@2.0.0-beta.1","_nodeVersion":"16.18.1","_npmVersion":"8.14.0","dist":{"integrity":"sha512-M085ldu4XTshIewoC+jiMxSFBdZF0s4jHFEzwGZEBYB2v6A4RYmrQWsDzMhQWcRDcUUq6DVNpZoVv9/CArtd2w==","shasum":"9c543e28baabe0daa659dc746b1ef5c2f44330f1","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-2.0.0-beta.1.tgz","fileCount":1662,"unpackedSize":60025667,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC0FO084YPdRpVCQyrc1rzKdPvS4XkTIchRoWUslEhXgAIgJxExHy4Agk5lFigIjQFkgLY/9et7auCu52VfRtnjZow="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjttZnACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmojXQ//bbSymjevyLZ+AoktWDOZkAUUdkdzShfR/YxCjeqL4qknqo0X\r\nwN6mPf1xuUq+z1iK9e7oLjJWYp8Wf3wd9aOI9+jovx7J86ftDvYp9jh2S7+j\r\nx5FDEvtuqwyAWVXN75PNcQSqfJ2vNSNYlFJN745+d2ASNslSJafS0jYAZZLd\r\nOZzJWqfWPuBojZcpkhcV7V9wAD95wjk22w5L6H4qo7012RSkVhc8eVMZIbBH\r\nhamQUXq3P/KhNeZ8zbh7/tBTsBuoBOqP3GWnaermwTEGg3eyCnQRK6ael4mw\r\ngYLgnmJX91x7lw4HKiX4wuZoX3ezemuwq+tEossfIABewCdngBXFmG0m2Snn\r\nTUZO+HWMSQTf2/GsTtCjMQk61b4v2GQUo/W61zPfM0q7llC40VX540jh9NN0\r\nMVmnR+DL5nZwYo46UHNOHehlo0J+0uqQhNczlh5uqTQwT4b4wFcgFgWl4wYE\r\nHBkxn1Ozmk6UqfLA4nV5JhQafcDhFauD/i8QL8pT3ZDfz7ivE0+gaEP7VGzM\r\nPUgPKwPvtO/X6FwixSQs9aLYhkNknd0jMprnaQvOKBOf5LCQboAbWXuWiddQ\r\nDSq8b6Ut+Cv7v5R0K55MSOb7PnPZKDDMTQSNMKLTxEbGXPITi2rC7DiYKkWa\r\ntXU1T7vlYYvngx/UcQWDJOIhlIsF1uuvdno=\r\n=av5C\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_2.0.0-beta.1_1672926823219_0.3586332808558754"},"_hasShrinkwrap":false},"2.0.0-beta.2":{"name":"@spaceone/design-system","version":"2.0.0-beta.2","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"types/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"reinstall":"rm -rf ./node_modules && npm install","build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:tsc:watch":"concurrently \"npm run build:watch\" \"npm run tsc:watch\"","tsc:watch":"tsc-watch --compiler vue-tsc/bin/vue-tsc.js -p tsconfig.build.json --silent --onCompilationComplete \"tsc-alias -w -p tsconfig.build.json\"","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node scripts/lottie.js","css":"node scripts/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test:unit":"vitest run","test:unit:watch":"vitest watch --ui","test:coverage":"vitest run --coverage","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"5.10.0","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vitest/ui":"^0.26.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","concurrently":"^7.6.0","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.9.6","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","tsc-watch":"^6.0.0","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vitest":"^0.26.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 16.13.2","npm":">= 8.1.2"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jenny Kim @dsict","email":"kja0717@gmail.com"},{"name":"Wanjin Noh @WANZARGEN","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee @siyeons","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu @yuda110","email":"yuda@gmail.com"},{"name":"Songyi Kim @song2kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin @wesky93","email":"wesky93@gmail.com"},{"name":"HeeYoung Anna Lee @heeyoung1332"},{"name":"Heeyeon Kang @h22y25n"},{"name":"Sungmo Jung @sulmoJ"},{"name":"Minseo Lee @minseolee"},{"name":"Yongtae Park @piggggggggy"},{"name":"Lee Jeong Min @danmin20"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"a10a8bac2256fdf2b21d6acba0af665276f48b58","_id":"@spaceone/design-system@2.0.0-beta.2","_nodeVersion":"16.18.1","_npmVersion":"8.14.0","dist":{"integrity":"sha512-XCrjH5VeqAMclTADZMMi656vMUjSkpugZO50oAtpXNam+K5NcDC1z9HnXIJbKzKe+bttUIUosc7a8SFM+JF4Lw==","shasum":"bb23011f4cb101352d9f06d09d35e0d66866a929","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-2.0.0-beta.2.tgz","fileCount":1662,"unpackedSize":60028363,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDQjH43OkythpC3T8XMXnWH39UTPxSFNmY6pQ4yUJ6DQQIhALavBY2ZD2ypjypZQ29j+UopVSJ4wffhWWIRjastoPuV"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjvNUMACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr0qQ/+Ljdj2g3CnsGOdCU+dZpjlQbgBtK1GRjuHnBT4kLOMLw/xqb7\r\nCuFrIOgrRBuubUEEnD/PEYn7cyFHdB3yMkpzcz5ZZM7bvr6b73qRVmPWc4X6\r\npbqjZ3n8aEgvDUwqPJnQzaNmVLlA3bKaN8OAs6ScuILtz3swN7SGgtGH8ycD\r\n1v7b8xXbbUopi0yJqbd+IzLBASLLlCpSgh9MPvcT9CnpLCV1+xH8yvajrKpN\r\n4eTFm/1SnluMRx6fjR55o4dZV3Qe00VWM5xkjMfA4+3x3I8RlKkMDFScxCJ6\r\nf2LQtB2o61pAKcnaad8r9zSMQIGcugtwYVfDzFt04Ty6BbQQS5vO65YVakj7\r\nGW65Vf9nN+J3xXpIVJRGelx9jI+3kCeWSoWP8ZgtyrnMfdsBW5INb9rJOBWZ\r\nJQ7256Ul+yfh1zsr9v0yrQUSbw8QWEzJsoMnbqSl7Sl4MM4vshM70EDtY7F6\r\nccJdYJ0gTpG4Jjdd+ANMR9VLvy3fZVaX7jYqEW30MdVZe3xRAFb0LZf+shl1\r\neXrHr4jxlyfQ0blpSb0TJ1xeaKSAS5HJPPQAoJLwZQM8b89l5pxTAl7Qvqnn\r\nmJfNCKjZoTLTlmq2noib8F6ZRAufIridSXj3fJsSQYVHMss7oesfDGMBFNkk\r\nDCHFZOQcd+sknhzn4W2BIh/U57FPVa5bSLQ=\r\n=sIIb\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_2.0.0-beta.2_1673319691584_0.2988335893726499"},"_hasShrinkwrap":false},"2.0.0-beta.3":{"name":"@spaceone/design-system","version":"2.0.0-beta.3","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"types/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"reinstall":"rm -rf ./node_modules && npm install","build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:tsc:watch":"concurrently \"npm run build:watch\" \"npm run tsc:watch\"","tsc:watch":"tsc-watch --compiler vue-tsc/bin/vue-tsc.js -p tsconfig.build.json --silent --onCompilationComplete \"tsc-alias -w -p tsconfig.build.json\"","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node scripts/lottie.js","css":"node scripts/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test:unit":"vitest run","test:unit:watch":"vitest watch --ui","test:coverage":"vitest run --coverage","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"5.10.0","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vitest/ui":"^0.26.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","concurrently":"^7.6.0","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.9.6","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","tsc-watch":"^6.0.0","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vitest":"^0.26.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 16.13.2","npm":">= 8.1.2"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jenny Kim @dsict","email":"kja0717@gmail.com"},{"name":"Wanjin Noh @WANZARGEN","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee @siyeons","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu @yuda110","email":"yuda@gmail.com"},{"name":"Songyi Kim @song2kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin @wesky93","email":"wesky93@gmail.com"},{"name":"HeeYoung Anna Lee @heeyoung1332"},{"name":"Heeyeon Kang @h22y25n"},{"name":"Sungmo Jung @sulmoJ"},{"name":"Minseo Lee @minseolee"},{"name":"Yongtae Park @piggggggggy"},{"name":"Lee Jeong Min @danmin20"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"362695d56af694d67affaf48d787e12249cc0923","_id":"@spaceone/design-system@2.0.0-beta.3","_nodeVersion":"16.18.1","_npmVersion":"8.14.0","dist":{"integrity":"sha512-vjfTHaG9F26/ErQUZJ6uQ4CG7xZW4c9OLgKbN+XyLSDYGFB03SR7NdGxIDesPtSL8ctR7znZ2z9J8J47NUTHYA==","shasum":"3691a18de79b98ea2f5edc6d127e568060e5f9c4","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-2.0.0-beta.3.tgz","fileCount":1662,"unpackedSize":60045500,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD+q+NJAOVBIixCDI3opR8NaUJsd8zeJub9xGu+WmSAJwIhANu2r814+YBcyjF91EK8M/1eTKO8AgVtg/kku39J05h4"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjvTSXACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmooXA/7BhkKNAa55rb7uV5t1k54OagRJSwykkeJzTko5OAt8aitckCQ\r\n+yAtmE3j/h8UZwhDwUeGqWHlkMocaGr7h8MoTcgdoc1n0WslCfCgrbAvKjj5\r\nn9VGQs5euS/koS8eZmWivUEHho+flFYfPiw3b/67yaATPivNyaMImV/C02r8\r\nwib2F3e79cvTLR/pB6YOSKeaZl44F0ClLZaWTuvvbcwGE88nmBmN9SBrh2gh\r\nPSXWVsK2Mt+O2a5TysPZx08sxyCjT/E7vCpv7yl2+xbYsXjeLZqgDc3Gfdq3\r\nOxkM3OpVMJZJTbOs40XBcA4UiP9UcAZ6rjlicamh6aZ1pnKDClF9AlsD6p+G\r\nlrd/6ar2E55nH66jFAEENh/hEpJiZEvhWw5n2/45U8JlpLNTZwlEsx8Ypxlk\r\nwZs/qDSaFVt8eNfaGOlBfIcTCRm4/YBvgFoLmHNRLHDKojtIgmhIA9w5bo/a\r\nZW7iX1dORmmxr3Fhbc98yaW93H1mn3F6NEO36nKrf3sBCMRAf+AuFD3fPmak\r\nJeHctIxUrH2swB9fuPsVxZyfjj5hJxY+zgvdgw+F0TrDXfX2aiIzs4BupK99\r\nhywIzAXfNprkdrkJdXqUp9Su8bb57tmCe27yzp4TZ7XYH1ITca2qqOU6fsPr\r\niwfyk4CKK/hgJREeD7ypTqKLXWpG8KASiV0=\r\n=lFpx\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_2.0.0-beta.3_1673344151071_0.8635651269250215"},"_hasShrinkwrap":false},"2.0.0-beta.4":{"name":"@spaceone/design-system","version":"2.0.0-beta.4","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"types/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"reinstall":"rm -rf ./node_modules && npm install","build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:tsc:watch":"concurrently \"npm run build:watch\" \"npm run tsc:watch\"","tsc:watch":"tsc-watch --compiler vue-tsc/bin/vue-tsc.js -p tsconfig.build.json --silent --onCompilationComplete \"tsc-alias -w -p tsconfig.build.json\"","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node scripts/lottie.js","css":"node scripts/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test:unit":"vitest run","test:unit:watch":"vitest watch --ui","test:coverage":"vitest run --coverage","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"5.10.0","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vitest/ui":"^0.26.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","concurrently":"^7.6.0","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.9.6","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","tsc-watch":"^6.0.0","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vitest":"^0.26.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 16.13.2","npm":">= 8.1.2"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jenny Kim @dsict","email":"kja0717@gmail.com"},{"name":"Wanjin Noh @WANZARGEN","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee @siyeons","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu @yuda110","email":"yuda@gmail.com"},{"name":"Songyi Kim @song2kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin @wesky93","email":"wesky93@gmail.com"},{"name":"HeeYoung Anna Lee @heeyoung1332"},{"name":"Heeyeon Kang @h22y25n"},{"name":"Sungmo Jung @sulmoJ"},{"name":"Minseo Lee @minseolee"},{"name":"Yongtae Park @piggggggggy"},{"name":"Lee Jeong Min @danmin20"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"3a5c41cdd07f497919daa8f1ff5a337ab2bf9c2a","_id":"@spaceone/design-system@2.0.0-beta.4","_nodeVersion":"16.18.1","_npmVersion":"8.14.0","dist":{"integrity":"sha512-bnDpA5CSj2YGB7rS7x9tavlB+fLE14vfyM1ou17vHFUpZOeNmg1lgLKP4nR1IFZ85mvysnXHNWjLaB2RtMjyKQ==","shasum":"32399dd2f990c47533b8a4704ddf5933371891f2","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-2.0.0-beta.4.tgz","fileCount":1668,"unpackedSize":60071127,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHNnoD2yzT4PBi6AezFqmNWOIbA15QCRRe8FtP09HhGoAiEA9Eqobddu782xjUgEjeNvHcHcaOMW1EaGRA3F04kG0vY="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjv94UACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoqoQ//YwKiVnNZHmLVp9UE0ihD7kni/Hah/4s3LfFdym/yx7rNgJ+a\r\nxanzVGxvKwn6GKgFnSSBUIS9i1A0mW2OqiGrUArGccWLwJ5eZeLgBfkuGOOk\r\ncSqp2E7a3fuO6yYBL1fwbKKxVFQ2L6dZ4kyuMmpUapktDFBTBZNDpCwgc56J\r\nnofP5J5q9CXGXupOcnpP3xfyJZL6rteFrjKHfB98MjmxckjNw7rQWPSD0awi\r\nGHsMnn6UWwXABnCYaWrz1NYcCAEg5bosoRPlCwqcCKDjR+SjJxcJ8HjE+61E\r\nTul0jtl7TyKfmxNNE+5RELT96boK4//oRLE2zMy7Ne65yl5SbG4uIgXmmMEO\r\nfEjwECgOncAJ0ArDlKt+De28zNLO03FpFvTjBi1ycdM2lA/Z68i2o55Hys4h\r\n6Y8jX9S/EVcTjRDqgdcw4rYXBJAJxAmjKfokVCVFCtYHXd0G/OBTT7ikdu0N\r\n4VenWvNmzNt2W9I/qsIvkR+AJqAJkakf0gbOQN8lQpHQZH0qzbOdHE6zrsSb\r\nHhVVtlezLMTFKbN/8+HQo+mc6SDLwfP4xDKBcm9U1A88MYFgbkKAgSajeWvs\r\nAttx7GYxKw0iV1LMKBj1CiyEXR8ngnFXv2MmJUtY4Q6Yr7dnq+lPR+9xyU1B\r\nZl4wKZCVEVS9n+m0XGo/6eGrX9Uajutgz9M=\r\n=Wibj\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_2.0.0-beta.4_1673518612141_0.8787093725132746"},"_hasShrinkwrap":false},"2.0.0-beta.5":{"name":"@spaceone/design-system","version":"2.0.0-beta.5","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"types/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"reinstall":"rm -rf ./node_modules && npm install","build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:tsc:watch":"concurrently \"npm run build:watch\" \"npm run tsc:watch\"","tsc:watch":"tsc-watch --compiler vue-tsc/bin/vue-tsc.js -p tsconfig.build.json --silent --onCompilationComplete \"tsc-alias -w -p tsconfig.build.json\"","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node scripts/lottie.js","css":"node scripts/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test:unit":"vitest run","test:unit:watch":"vitest watch --ui","test:coverage":"vitest run --coverage","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"5.10.0","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vitest/ui":"^0.26.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","concurrently":"^7.6.0","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.9.6","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","tsc-watch":"^6.0.0","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vitest":"^0.26.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 16.13.2","npm":">= 8.1.2"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jenny Kim @dsict","email":"kja0717@gmail.com"},{"name":"Wanjin Noh @WANZARGEN","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee @siyeons","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu @yuda110","email":"yuda@gmail.com"},{"name":"Songyi Kim @song2kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin @wesky93","email":"wesky93@gmail.com"},{"name":"HeeYoung Anna Lee @heeyoung1332"},{"name":"Heeyeon Kang @h22y25n"},{"name":"Sungmo Jung @sulmoJ"},{"name":"Minseo Lee @minseolee"},{"name":"Yongtae Park @piggggggggy"},{"name":"Lee Jeong Min @danmin20"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"6c877e15eb9f5b8234d67b5c1ce2f558811010e4","_id":"@spaceone/design-system@2.0.0-beta.5","_nodeVersion":"16.19.0","_npmVersion":"8.14.0","dist":{"integrity":"sha512-CTe5lNXy3a4JIdE9GbTK4KlU9xjXMXeTz4DXKwRzVOGhd41l7kXiainyhcdhwi+mSMRQIXIro7UrqVH2rs0tiQ==","shasum":"8c8ce73bdc57ce3f07c44471fc8b5db549b6cf36","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-2.0.0-beta.5.tgz","fileCount":1668,"unpackedSize":60071767,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIB/iQP7fTAONR7KhM+frfnIQJG67j5mkO9IjAPdo8mW4AiAMC1i0c011EeTJtLTxv5InonoCdinmWI6TUw34K5YMsw=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjwLliACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoUtQ/7BwKgu/U1TuuUUk4e1FykYlNwozs7XrkK49VNtQDZiz9qMaL1\r\nx2NA5gSMv1cm88El1Qr2RZIoTmqMZp5Q2DmmFHcR91dHQGL6qw6I1zH/a3ST\r\nj1GNZpe0+mL6Ffs/TQLGsqk0ZrvnuzpkwiYsw5HB++Rx+jLeffCqB6mmv8Dy\r\nEf/mdUWaUXYohmhCxFit+XgRJSpzY7YTQLqFQ5kKGRscApvBnGUUaRwJ/UZV\r\nTRfh0B3JWGq4WnTmYNSdsrPK9LHnG802k0byphmr0l2eXS37m/rSOqfVks/I\r\ntYlL6/+Tv220E5MBVNfA3y9uFF3Zzzy4FLHkDQEinmMG61sFM7aDrRjJHEvj\r\nEaj7B/ASbJsYJK7RsUFiL7SZW5MtlOkmPJgkKWHqWmVMlkI4H/W1TMeDasZh\r\nHYUFf9npNe+pmfUMvQhpme2fKiNW6kBoRO0CAephsSn3y6hdGNxIvaKCpS3z\r\n01d0gKzBy9mzKOAXUIeFGrtLfhQOh4QJ20I4SUilZ7E+9Ln5hJKUeCdJLWKe\r\nDqqLYCkFpk7Q0pga3b/u8tOwzpPJay1zip+VAAdYdu82JsJyQWnx0EooDFVy\r\nCU6axyR5ux/nCRb/LXUtARqir1MG41rJ3G/hqe8ZNBU5nOTeldr5t4cHbCHh\r\n2WhqAtIZyfZV2SRtpRG+iP9it3m8+WLkSb4=\r\n=D273\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_2.0.0-beta.5_1673574753857_0.48296099315594887"},"_hasShrinkwrap":false},"2.0.0-beta.6":{"name":"@spaceone/design-system","version":"2.0.0-beta.6","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"types/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"reinstall":"rm -rf ./node_modules && npm install","build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:tsc:watch":"concurrently \"npm run build:watch\" \"npm run tsc:watch\"","tsc:watch":"tsc-watch --compiler vue-tsc/bin/vue-tsc.js -p tsconfig.build.json --silent --onCompilationComplete \"tsc-alias -w -p tsconfig.build.json\"","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node scripts/lottie.js","css":"node scripts/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test:unit":"vitest run","test:unit:watch":"vitest watch --ui","test:coverage":"vitest run --coverage","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"5.10.0","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vitest/ui":"^0.26.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","concurrently":"^7.6.0","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.9.6","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","tsc-watch":"^6.0.0","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vitest":"^0.26.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 16.13.2","npm":">= 8.1.2"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jenny Kim @dsict","email":"kja0717@gmail.com"},{"name":"Wanjin Noh @WANZARGEN","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee @siyeons","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu @yuda110","email":"yuda@gmail.com"},{"name":"Songyi Kim @song2kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin @wesky93","email":"wesky93@gmail.com"},{"name":"HeeYoung Anna Lee @heeyoung1332"},{"name":"Heeyeon Kang @h22y25n"},{"name":"Sungmo Jung @sulmoJ"},{"name":"Minseo Lee @minseolee"},{"name":"Yongtae Park @piggggggggy"},{"name":"Lee Jeong Min @danmin20"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"62c649c240d62b5fe5207c8f8a5a54a13668d252","_id":"@spaceone/design-system@2.0.0-beta.6","_nodeVersion":"16.19.0","_npmVersion":"8.14.0","dist":{"integrity":"sha512-GXqJaAluXg13trwChdMBmzOi0C69QdI1tgW1FPp2o2vS5bSru0WW2jEP0Vy91RQFjyVSMDBz9jlgCj8BcGEHhg==","shasum":"9fe31a606a05d4e773fe6c413cc937d501a209f8","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-2.0.0-beta.6.tgz","fileCount":1666,"unpackedSize":60058434,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIF0CbfI5/c2HBTpEKDwqt5r8KN/w/T7sAmXgc8mhRivAAiBxM5+ft6j3e0FTEz2Ab8CXb3+i5bvUkeudottagCi1kg=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjwNriACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrlfQ//XLHTPknzgdwa0Rlkn0gD9AhQhgM637l3r18oSKKtA9SQ/N1o\r\nGWC2UG9DteWzAOALvtRHpe6DcPVib7gKJ2KyXzv80yv0wvAu2OObwsbwkplI\r\nPbm1y/+heGOeqwnUZptMcfSRhJaR1IBEQieIGi6jcceDKPTMhuKTFHOCfFtK\r\nO2OuhOWdgI+lHIA8QRG/v/7vD4TR/pMTnSSfEogu9aGMhrgjIMeTeU/crupm\r\newcEpSpEdueVqA8SkZ1qGH3uHpUQ/GnrMyKxuCNR84S9wfa5oKQIO+bQmY1h\r\ndweWIxwx4w9syfiSDRcrj7xBIwyTJXqyKGLEwU7wE8QF0PHPY5+5WYOE+I97\r\nHE/CV7fBcvQ8bm1GyB3sW74LVE7I7XRMKmlW0V7WtOJuripHY4S6wPStvKXY\r\nXU9XvgM6Fbneiv0oilHWcvMejgp4FYw1JajbKjbou9aW3qPcplb/JiZttnhR\r\nNhsar7dvyuKR/hndsbe9tfWjA0iW6J9IcbVgAn8XOgnpsQk+ISgvPEAU7VSl\r\nwxsIcTgcO3XDDlmT1OwIKqY0apwHtTT+gzNfEGR+nUy+5v+qJmgAZ48w9w2S\r\ncLc5gvXBMXQpCTDUnndm60tRQapxapI1h5mLPGwoWNMNLH95HFgOuq1XHzBh\r\nZNE5lzdig5W8AvAqKt98wCfqX13SG8heKYU=\r\n=NWT7\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_2.0.0-beta.6_1673583329667_0.10156254660668962"},"_hasShrinkwrap":false},"2.0.0-beta.7":{"name":"@spaceone/design-system","version":"2.0.0-beta.7","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"types/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"reinstall":"rm -rf ./node_modules && npm install","build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:tsc:watch":"concurrently \"npm run build:watch\" \"npm run tsc:watch\"","tsc:watch":"tsc-watch --compiler vue-tsc/bin/vue-tsc.js -p tsconfig.build.json --silent --onCompilationComplete \"tsc-alias -w -p tsconfig.build.json\"","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node scripts/lottie.js","css":"node scripts/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test:unit":"vitest run","test:unit:watch":"vitest watch --ui","test:coverage":"vitest run --coverage","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"5.10.0","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vitest/ui":"^0.26.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","concurrently":"^7.6.0","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.9.6","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","tsc-watch":"^6.0.0","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vitest":"^0.26.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 16.13.2","npm":">= 8.1.2"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jenny Kim @dsict","email":"kja0717@gmail.com"},{"name":"Wanjin Noh @WANZARGEN","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee @siyeons","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu @yuda110","email":"yuda@gmail.com"},{"name":"Songyi Kim @song2kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin @wesky93","email":"wesky93@gmail.com"},{"name":"HeeYoung Anna Lee @heeyoung1332"},{"name":"Heeyeon Kang @h22y25n"},{"name":"Sungmo Jung @sulmoJ"},{"name":"Minseo Lee @minseolee"},{"name":"Yongtae Park @piggggggggy"},{"name":"Lee Jeong Min @danmin20"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"a86f987ff3e684748dfc918ebfcb7ea2e1df6496","_id":"@spaceone/design-system@2.0.0-beta.7","_nodeVersion":"16.19.0","_npmVersion":"8.14.0","dist":{"integrity":"sha512-6znvhJzL1ukSfahtEaDGDNhx0cgnXfuaWmv1XIjAciCA9TR7mL4ZJnMPZr2TklGkuEv2H0TulkdBx2WmvPD7/A==","shasum":"2b9893ab75498ee4fd6c7f88a98f1b6af8c6e284","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-2.0.0-beta.7.tgz","fileCount":1666,"unpackedSize":60061021,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD0hePOiyDvQucR6YDN6XIogxlcN4sZgeQMLwwGJ+RpqQIhAN8wU6KKfNDiwU486PZyRANo3sihyQJuYH1gIOShebQJ"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjwODUACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqYbg/+POWxDGeB9ElgW7ZTZCtjC699OTz56p2LdLfpoHZiYIyiQy06\r\nicgiBFMlwQxOOhov64ng6gChEdxoe42Kcl9NIBL84PAy6p0eiJARhTWPAdrS\r\nYK/wgDKnEFK8+tKQ5X7laV7BV/nSLOWpWPO6jvNNnP0JVcSGjn3shFDdinJF\r\n0K2fHFHKoclgyc1hXmSEIjID/3mdA/v7pPgytb0uWf5Cu8ZJmyQ3H5dbTTFn\r\nxXz5jZ1WBOcsHzmszVmKDjssmMS4bJive4fMGA3xUeTQZGOkDiYqjKK1veJI\r\nSr1INmg7JVhGZ6iZgxGM2j4MoM1x/a7dWZHZnB1MtT8mmmIdkHKwh7vW22er\r\nGAdtj8LC5xginSNM+LJgf0zvqNf9c7SKQzQCB5Ywd6BGfQRMaYzWjJmIFdYJ\r\nm2UgcfbQxpX72bYehQj/fIaW1FTFmixfFaD/MbIGxdN0xzxDThtDn9VoA2+c\r\nxTdaJqRv23nFB5WXw4+vZBBgxr516GfTy2OYypMcpwQHvvniEp2gkcdHZa75\r\nU/ImCGblrCXf0al1KqbbeU5qR1fJ6MYeVVIs77a3H32BYOv0ElYquLMcBeo/\r\nJeZS1qRq01Diddp8ChKW+aA6zVpJ2wqADGq8Yd0kY8AnZqyAkhJWiYSrF0Mv\r\nXbgzEEn92NB/kJC7BeF6DEJNNgpm5rQOubs=\r\n=x/0n\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_2.0.0-beta.7_1673584852013_0.6467656787001119"},"_hasShrinkwrap":false},"2.0.0-beta.8":{"name":"@spaceone/design-system","version":"2.0.0-beta.8","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"types/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"reinstall":"rm -rf ./node_modules && npm install","build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:tsc:watch":"concurrently \"npm run build:watch\" \"npm run tsc:watch\"","tsc:watch":"tsc-watch --compiler vue-tsc/bin/vue-tsc.js -p tsconfig.build.json --silent --onCompilationComplete \"tsc-alias -w -p tsconfig.build.json\"","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node scripts/lottie.js","css":"node scripts/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test:unit":"vitest run","test:unit:watch":"vitest watch --ui","test:coverage":"vitest run --coverage","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"5.10.0","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vitest/ui":"^0.26.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","concurrently":"^7.6.0","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.9.6","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","tsc-watch":"^6.0.0","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vitest":"^0.26.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 16.13.2","npm":">= 8.1.2"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jenny Kim @dsict","email":"kja0717@gmail.com"},{"name":"Wanjin Noh @WANZARGEN","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee @siyeons","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu @yuda110","email":"yuda@gmail.com"},{"name":"Songyi Kim @song2kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin @wesky93","email":"wesky93@gmail.com"},{"name":"HeeYoung Anna Lee @heeyoung1332"},{"name":"Heeyeon Kang @h22y25n"},{"name":"Sungmo Jung @sulmoJ"},{"name":"Minseo Lee @minseolee"},{"name":"Yongtae Park @piggggggggy"},{"name":"Lee Jeong Min @danmin20"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"f9be72015f22ba8b1e1d10bccaf253f3fc28c550","_id":"@spaceone/design-system@2.0.0-beta.8","_nodeVersion":"16.19.0","_npmVersion":"8.14.0","dist":{"integrity":"sha512-g9D07o0BqGrCMClXGEgZpPDSsQI8ypRCo2xirQib12QXL5EdfzQ+8VCZ0ilmE/az/k+ruMfmIGO8y+kBnbouGg==","shasum":"9922d44e4db00c4ab419fcea0f61ba97a49bed43","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-2.0.0-beta.8.tgz","fileCount":1670,"unpackedSize":60101874,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC/QCSnQGyAVrFCIH83x5Iyxf4Fzfks220g7+A4SOHC1wIgN0tmaKrOZ/d0aviz2nvwDOyn6keBBvRFEMuQIDJqJt4="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjwOcRACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpzfw//TFJSG/1FehVnkXYkL0cScf7RSHjIex1RBlkGzC+MioJifUFG\r\nHDGLKkKTjpQFVrukd3uRFgavraKi2Ne502qYwu55WW6uziSz2/c+kD3ygbWh\r\n+dXKWFfwGHpz+3s6WMhsvbotgKsFmH/0SAgcw1PUEoXncD0Uo8QMuHqepbz1\r\nHty5OCoHxEfVXidRU8wxDzRMLXLBoTp9JRrR7E+ST2k2+4Y0VHcE36DMQKZo\r\nClMrHddoKtocRWN4K9pT4yRARV/TJ1BkNhMFYf3alR4qdolOccOJD6YFqloL\r\n4EoCuCkKe6kb+vyw0xa62ynsxavY22H/gpgHfz0p4KZIACM/uJkN0gxxEXP9\r\nLqZO5ulrtwNw3zk19XZuIPz6wDUBzeDMWKNxDqX8FXBvwUWBDnCtOiWGkGRd\r\n6n5sG/mBUGsjNiMJMheNwtYdfCMI5Q4bjWSM62Hp3Nh2G5RF0dL7nqAims1c\r\nV+ZQQedBHMAYaTBD0k2NjinbvQb2E2w8V7zZbLx8qyt2aov9qsaiFCB0vUnD\r\nrZGYUxuhPc34GzJDscucggXkMkD+5H/iwxZb6RLmOSAVF13tW/047zyPi6ye\r\nLLGTZilMIO99WAyowqQYIcULtwgyI/9n0V6TOViJH5U7nhwSalzlQHtre2Dj\r\nDUgqZ9Q4ma1e0FJKCvVamntd9lr4c4et2Dw=\r\n=11aw\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_2.0.0-beta.8_1673586449468_0.05222712482933267"},"_hasShrinkwrap":false},"2.0.0-beta.9":{"name":"@spaceone/design-system","version":"2.0.0-beta.9","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"types/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"reinstall":"rm -rf ./node_modules && npm install","build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:tsc:watch":"concurrently \"npm run build:watch\" \"npm run tsc:watch\"","tsc:watch":"tsc-watch --compiler vue-tsc/bin/vue-tsc.js -p tsconfig.build.json --silent --onCompilationComplete \"tsc-alias -w -p tsconfig.build.json\"","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node scripts/lottie.js","css":"node scripts/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test:unit":"vitest run","test:unit:watch":"vitest watch --ui","test:coverage":"vitest run --coverage","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"5.10.0","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vitest/ui":"^0.26.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","concurrently":"^7.6.0","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.9.6","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","tsc-watch":"^6.0.0","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vitest":"^0.26.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 16.13.2","npm":">= 8.1.2"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jenny Kim @dsict","email":"kja0717@gmail.com"},{"name":"Wanjin Noh @WANZARGEN","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee @siyeons","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu @yuda110","email":"yuda@gmail.com"},{"name":"Songyi Kim @song2kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin @wesky93","email":"wesky93@gmail.com"},{"name":"HeeYoung Anna Lee @heeyoung1332"},{"name":"Heeyeon Kang @h22y25n"},{"name":"Sungmo Jung @sulmoJ"},{"name":"Minseo Lee @minseolee"},{"name":"Yongtae Park @piggggggggy"},{"name":"Lee Jeong Min @danmin20"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"056d737173de2fa6689d7c8cf649646e4b422a51","_id":"@spaceone/design-system@2.0.0-beta.9","_nodeVersion":"16.19.0","_npmVersion":"8.14.0","dist":{"integrity":"sha512-uTOq9sP3H3t1xyX6jatt4FI2zS4hTFAblVbcQest/OJBTuxhe2MaHJws7E3oRMJibnVRR986/53NJiSgi258Lw==","shasum":"6b75b93b74f4c8eb027e3492af035a14121795e5","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-2.0.0-beta.9.tgz","fileCount":1670,"unpackedSize":60102403,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEq3UcGASvwLx1ax9UJ15PWAklfCMcdGeHdFu6qlhWV4AiEAveZMkOxRRCVJHpR9Ofa0TupL5y6lgnLqWI2MyOqgKhI="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjwTWoACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrsbA/8DHkbWOMWay9Cdd2hclq/CQIg2y7f7m/ETlmvxbj0PkENY8Ek\r\nZtQlNrfv5ZaJFJEibkHsQfG1adnxDRu2TYzVnQeyvPKXRgJQeg1GRwRl5VBT\r\no78llukcVQgFs+psvHbGai/RYUoncXFE7/8Xe9t/IVpzxX2buyGwuouuEkn6\r\nmCd888b38/uk4bovWO0IKtyHY9sL9tl9R/LvOKoAKUgrfFheQDgzn7TTk3Df\r\nKiNuw8vtrK6k7e9W+bAmOVdbAFQ/G/TKx54QMAfE5om5y5rY8R04oE3Y3rNZ\r\ngf6aYUp++3MD05VgZSuRbSEQ158mQSP2XoQEHIrHuYHsB4R4VQNqRrz/0STp\r\nyTPtRFr0x7zbpX1uVmoq1umwpoNwy2M3p797iELO9WNFjw6z3gFRkgzG+Sf1\r\nk2q3eyQBqQ9dYXolGwo8aVVaRDUFzZI+qMZv9VLez8y5yhVdmYVGARkggzN1\r\nf+KsUP6N08RittG6ofdprbzDsvbTox30dvLU+8EocLp+yEn8igwDYCOXHIJu\r\nmKf/kgGZ+pFZYYrC0BPIyn9+0WAA4y6ycKmuu26Mezf2o5I3tbJLKlCbP7yP\r\ndDZX9Rnrm0plXVNhUsGHD6oKMo09WXKnlI2BS2JYuf6GrrGQN+1RgMVuxzs8\r\nFYe4nrkMFFVE79Ess1FmRCImPK4fH9/w+w8=\r\n=8/AX\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_2.0.0-beta.9_1673606568453_0.8335224500141181"},"_hasShrinkwrap":false},"2.0.0-beta.10":{"name":"@spaceone/design-system","version":"2.0.0-beta.10","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"types/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"reinstall":"rm -rf ./node_modules && npm install","build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:tsc:watch":"concurrently \"npm run build:watch\" \"npm run tsc:watch\"","tsc:watch":"tsc-watch --compiler vue-tsc/bin/vue-tsc.js -p tsconfig.build.json --silent --onCompilationComplete \"tsc-alias -w -p tsconfig.build.json\"","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node scripts/lottie.js","css":"node scripts/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test:unit":"vitest run","test:unit:watch":"vitest watch --ui","test:coverage":"vitest run --coverage","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"5.10.0","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vitest/ui":"^0.26.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","concurrently":"^7.6.0","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.9.6","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","tsc-watch":"^6.0.0","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vitest":"^0.26.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 16.13.2","npm":">= 8.1.2"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jenny Kim @dsict","email":"kja0717@gmail.com"},{"name":"Wanjin Noh @WANZARGEN","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee @siyeons","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu @yuda110","email":"yuda@gmail.com"},{"name":"Songyi Kim @song2kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin @wesky93","email":"wesky93@gmail.com"},{"name":"HeeYoung Anna Lee @heeyoung1332"},{"name":"Heeyeon Kang @h22y25n"},{"name":"Sungmo Jung @sulmoJ"},{"name":"Minseo Lee @minseolee"},{"name":"Yongtae Park @piggggggggy"},{"name":"Lee Jeong Min @danmin20"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"f1c087e6caeb0b28bf1b3dcb1fb84f5a740102b4","_id":"@spaceone/design-system@2.0.0-beta.10","_nodeVersion":"16.19.0","_npmVersion":"8.14.0","dist":{"integrity":"sha512-0rN/nNgmw8lRJyqrbxydCoAGVpMxEt1t/xrngKO+HTbfiqGMSNI6dDPaTUxWd/2nH8tLYqmfoq2PuUxq/Kes5g==","shasum":"c8ede40e0ec22443644f8da585068e5f9595d0cc","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-2.0.0-beta.10.tgz","fileCount":1670,"unpackedSize":60115174,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDW/nfoaHrToYiS9m2gRMdZKKf0FhZB0mczQpwzDho0RQIhAMMt2Cj9UedijgZux1nFhjAaYrc4fbE/4y3KHjXk2UWK"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjxLASACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqvbw/9HuGgg+7N7lFxe5xc218v+Dy3DlmWDaE2hR+sFsOsP32nm8mf\r\n/P4G60y6aY9aDZJa4l1H2qJq4IeGSRJJG4o3OoVIgsu89HBGNsuHAi1u2x0M\r\nC7oqG72ZC40QLWuyuLjeHE4s2YcDzGnkjO2DiJaFtg8nJuEiZl2rKCWzga/0\r\nUiVL/DvkgfG/1zd2lmEF49Va3iV2rSQ3eAoGru/K7cf363QkVMNWMHxTSrOn\r\ntcFJ/5/Ceg6freWX6weR71ny4yKsTBOCWFOmJbjdy4BV4SxLPaqj2FZbj5vz\r\n6QIwwHGgafvCE4uZnru6Y+mZICWTfCbaW+SNlLY8pHkES8OwT7SnNBxV6fLW\r\nrpRug9w5aoNQejP89TnFHpzyc3kpDXAdnLSdhCGfUGqNo8tvr9lCY8CHTTct\r\nMR8BmVa46fPzYZtSobUd6RFKjjgaGhf89TprLBJNy/MxikB227TmhhuNEFmF\r\nOwtXeAuLGn03ml/9yiNmx65JTSL8AEMcWFv2cVXa6OmU2qT2LnO+//Ki6y69\r\nzRc5TsZdGGj67g2plvZEMlV96jMHRMPeAIODHJQcyxz5LbTLW+86jQwmeOFj\r\niD/6zaOQQAZ0+yIDQ3wZGPCFjia41UJU6enGwQ4T84Igq2APdh6gq3Ftsais\r\nYeqrnq9h+FrYnNcL9LFaF6EyxIBA5dYsRdE=\r\n=RNJH\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_2.0.0-beta.10_1673834514317_0.07780622818498806"},"_hasShrinkwrap":false},"2.0.0-beta.11":{"name":"@spaceone/design-system","version":"2.0.0-beta.11","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"types/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"reinstall":"rm -rf ./node_modules && npm install","build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:tsc:watch":"concurrently \"npm run build:watch\" \"npm run tsc:watch\"","tsc:watch":"tsc-watch --compiler vue-tsc/bin/vue-tsc.js -p tsconfig.build.json --silent --onCompilationComplete \"tsc-alias -w -p tsconfig.build.json\"","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node scripts/lottie.js","css":"node scripts/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test:unit":"vitest run","test:unit:watch":"vitest watch --ui","test:coverage":"vitest run --coverage","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"5.10.0","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vitest/ui":"^0.26.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","concurrently":"^7.6.0","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.9.6","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","tsc-watch":"^6.0.0","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vitest":"^0.26.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 16.13.2","npm":">= 8.1.2"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jenny Kim @dsict","email":"kja0717@gmail.com"},{"name":"Wanjin Noh @WANZARGEN","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee @siyeons","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu @yuda110","email":"yuda@gmail.com"},{"name":"Songyi Kim @song2kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin @wesky93","email":"wesky93@gmail.com"},{"name":"HeeYoung Anna Lee @heeyoung1332"},{"name":"Heeyeon Kang @h22y25n"},{"name":"Sungmo Jung @sulmoJ"},{"name":"Minseo Lee @minseolee"},{"name":"Yongtae Park @piggggggggy"},{"name":"Lee Jeong Min @danmin20"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"9aeaf8824349c52a68d94abb47d447c48f3f96de","_id":"@spaceone/design-system@2.0.0-beta.11","_nodeVersion":"16.19.0","_npmVersion":"8.14.0","dist":{"integrity":"sha512-gPC1VkEHwXPQYOgq/j63N0QiclwAbBZzPPC8D6yxVZVl9uCzm0Gk88G8qG7vblgBKIfJTsuTuQBKaStXHnX/kw==","shasum":"e634b376144bf17848e91157a86bbdac9af4cadc","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-2.0.0-beta.11.tgz","fileCount":1670,"unpackedSize":60104857,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFEEaIWD17RUliFv52B9O/QFobU9T+1jynMwFERtObhlAiATI99UUvrlIboTIGY8nYyftyEbcusy60RM5yo5Q2/q4A=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjxO9ZACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqCIw//ZS8hSv9MWHEPGR1COpDqAnwSuhyOTKx8E/hhVapjMdXJNJp3\r\nQTtugLkJ6a2r245AHcJcOQFF2ZUmIoL1MGjyKGwUvJANDIocFOr3REYDUFOi\r\n58O4IgPxZRdUSmrAqsFzV7/FcIprwyI+nFHcgGcGbFJRaW6zW+PrQSQ0mJAK\r\nbY1MdDeKcDWQqB51VBqGGpH5gUlcuDpeM0qdRK+EgpMYdXW3AZOOw5Vq0jjh\r\nPqvaXg+tKeJsGqeKcbSlFU4vpS1NTbkYppl0/KpWyDzHP7M4qAIsOaz4XSdH\r\nMFXkR7oPCzjm2xUVe/s4IQ214r8wcnVlWYjSHWrstKD+RFLRJW0VCSbuLd+e\r\ngXu9giPFF9xi6kxiQyiXA+8QP8rLoo4V3TGjrDacYtvMM1E973Ra9MRw+1sZ\r\nM9RG+6WeQSpWcjT1uVyVD+fbNvtL74imdl4ySK0w/x+pitUvAWJvWpDS8p2K\r\n6zpR1r3GbxlsNGHp3YMBWC6LEgGPDCfLGleH0V/boxILI7YKygUQywwDyJ0A\r\njKv/km2PlO8knRKrxZ/LpbPKzg5Es5v+kd/gYkf5NA9ojWJgDW+RXRCtoxd5\r\nnQXowBm8kLeigrIuqgtC0ZBziRdZ3sur3iiMT6Ge6woSsnlv4xgZ8VWGp5FN\r\n5BapOoVySCfkvB9RVw2Npg2vZEQehhA3t4o=\r\n=BDQi\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_2.0.0-beta.11_1673850713251_0.5716871847113447"},"_hasShrinkwrap":false},"2.0.0-beta.12":{"name":"@spaceone/design-system","version":"2.0.0-beta.12","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"types/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"reinstall":"rm -rf ./node_modules && npm install","build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:tsc:watch":"concurrently \"npm run build:watch\" \"npm run tsc:watch\"","tsc:watch":"tsc-watch --compiler vue-tsc/bin/vue-tsc.js -p tsconfig.build.json --silent --onCompilationComplete \"tsc-alias -w -p tsconfig.build.json\"","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node scripts/lottie.js","css":"node scripts/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test:unit":"vitest run","test:unit:watch":"vitest watch --ui","test:coverage":"vitest run --coverage","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"5.10.0","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vitest/ui":"^0.26.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","concurrently":"^7.6.0","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.9.6","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","tsc-watch":"^6.0.0","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vitest":"^0.26.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 16.13.2","npm":">= 8.1.2"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jenny Kim @dsict","email":"kja0717@gmail.com"},{"name":"Wanjin Noh @WANZARGEN","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee @siyeons","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu @yuda110","email":"yuda@gmail.com"},{"name":"Songyi Kim @song2kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin @wesky93","email":"wesky93@gmail.com"},{"name":"HeeYoung Anna Lee @heeyoung1332"},{"name":"Heeyeon Kang @h22y25n"},{"name":"Sungmo Jung @sulmoJ"},{"name":"Minseo Lee @minseolee"},{"name":"Yongtae Park @piggggggggy"},{"name":"Lee Jeong Min @danmin20"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"2af454fec3eb6ffe93174d869df20b4b47889e82","_id":"@spaceone/design-system@2.0.0-beta.12","_nodeVersion":"16.19.0","_npmVersion":"8.14.0","dist":{"integrity":"sha512-goTVN3XnF7K0CK/O1t727ZpRIQ7BBFpAUXym1TuvEwM5nlYHHUvs4dppMsK4+6VDLAkGnpvcahsE+a6kbURptQ==","shasum":"1c697a91a5f66222f4f5ad3c052b84ea3207b067","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-2.0.0-beta.12.tgz","fileCount":1670,"unpackedSize":60104515,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEhKyoOg15TXaViX8HrE43EtLhouNDGev7xR69EZbBxiAiAJJlsR6A8lMf9rGeK34SBuHje41zLuImyvvOxxhgSGSQ=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjxjc4ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmotsw//TkrEVqnbO20yHgPPTFspxIDuotBvJBW5zGcJbdHSnfGTfmM0\r\nqudyuhfO4DW4VZ5LQsI3QML006xeEyQ6DGbnrnaX60qKJJBG4fZDrXzwroet\r\ncLhrKDo7HVaGzg+2ux8J7ZgEP2givtRTbli/L0pAeTKK9YsykrOs7Dw/GsKk\r\n0kAhlbsPR0AJ1FkyttnprKZ/aaHI6Kx5nnUgp5DuT0DvV083kWXLoAdzMu4N\r\nmFrdMSWNulCMF5VWjFMXY3Fvnp8t/GOMoCudHuv54HDBQIHw5iKjTLN3T+TN\r\nkANpgFRhORIZ5qvzFHWuuG0nUKycx1j7Carf2V/Sz875F+WI85fNyM4Xxhb1\r\nwlegugIzrBHr7DRh7bPEmP+txz8yv7kQCb8lIBISlIyX31xkLKcVfI5bPNu4\r\n+mBBChyNemauNOLPmUAy1TPODaKkN8vj/YnLjdACj0BPBhrcAtc8oVVDh0h7\r\nmOXmmQHUlZJ7O4yGF8oDTsGAx/e6n2McGKfPXIk06EMoFVdTDIyHyyF6DmxA\r\n64z1AQE4sxD1/SMavE8Y7HdqyuUPPeeOdKv04HOXKePlRxUEmCqV001na3iq\r\nV/I3aL1VeWGpPV+xh4xLHN0YFKUdxoteKFXhXhSLNhpNWwyb4HyTi5TSZX45\r\nVNjhOI384GQlKT194GxrE51GVq2nxz/com0=\r\n=kJ25\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_2.0.0-beta.12_1673934648129_0.47359918920998223"},"_hasShrinkwrap":false},"2.0.0-beta.13":{"name":"@spaceone/design-system","version":"2.0.0-beta.13","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"types/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"reinstall":"rm -rf ./node_modules && npm install","build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:tsc:watch":"concurrently \"npm run build:watch\" \"npm run tsc:watch\"","tsc:watch":"tsc-watch --compiler vue-tsc/bin/vue-tsc.js -p tsconfig.build.json --silent --onCompilationComplete \"tsc-alias -w -p tsconfig.build.json\"","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node scripts/lottie.js","css":"node scripts/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test:unit":"vitest run","test:unit:watch":"vitest watch --ui","test:coverage":"vitest run --coverage","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"5.10.0","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vitest/ui":"^0.26.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","concurrently":"^7.6.0","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.9.6","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","tsc-watch":"^6.0.0","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vitest":"^0.26.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 16.13.2","npm":">= 8.1.2"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jenny Kim @dsict","email":"kja0717@gmail.com"},{"name":"Wanjin Noh @WANZARGEN","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee @siyeons","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu @yuda110","email":"yuda@gmail.com"},{"name":"Songyi Kim @song2kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin @wesky93","email":"wesky93@gmail.com"},{"name":"HeeYoung Anna Lee @heeyoung1332"},{"name":"Heeyeon Kang @h22y25n"},{"name":"Sungmo Jung @sulmoJ"},{"name":"Minseo Lee @minseolee"},{"name":"Yongtae Park @piggggggggy"},{"name":"Lee Jeong Min @danmin20"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"ca9a8dc204174078f393d035ff4a18bd7b732590","_id":"@spaceone/design-system@2.0.0-beta.13","_nodeVersion":"16.19.0","_npmVersion":"8.14.0","dist":{"integrity":"sha512-9K+AQZLd0hgcJQNZFE7jvx2trXzRBKNLov/oYCxs44eKQNNa/zv082Lrn1NuvUuifQYo4BnlSMFQcdQuIvS4Ow==","shasum":"ec4efd4c974cf94e27f634ee59551a239c4e5733","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-2.0.0-beta.13.tgz","fileCount":1671,"unpackedSize":60109993,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCZItsmN+OAb5uEFnAKkRlVh7yVI4QBgWbMeI4/LC1sJAIgB3eorw8OHP2uF+Ed0CJvNtQkt6cwAPh/mDrVd4b9bKY="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjxlAEACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoMFBAApChI5Eu5eS4v/bT1R+1kqRd9nqhjUHapopgW2FBQ/iJ+jzCB\r\nF5gPTa7wTTucHaGO563Gc4j0BUTEAgIhai/HqaHthupKtB+PSXIENli9/lpM\r\nHBtRqhcOolIb7140KIxioPK4tj1KyDFcSHRB5WhI277azdSmmB160vufgtSP\r\nVHgJ7ymtxW3X7JEU5akHdVg34Pfc3Dxs5tSDfvnohT8dzHlY8t6gwcbtu6RJ\r\nAfOsVwtXrx3JylAArsqyW7KZuwIaxhUpHtVzYww3bu4hLHrTHWDg2X7jdFSB\r\nqYM+Rk3unKlSB6rLN0Lo4JWtz14f1h2IL3nrty0oLZlS4hXY0wGf57Bn7RNt\r\nRUW7VXMUXA5sgg8C/Aash6EaQsEZ54FQKblG/I1JJq1aad9e7Ef1DoJarYoy\r\n6KIIrR7RfRt7hO52m117QVpdA7CCdhCMTLAJh5/6gpSe1xDbxo6ibhZuB38b\r\nH/HtcxNr2oZCo+3k8/ZRpcxvcoVPXa1v9F2bs7XIrgqqoFw1JyGGPFu4DzVc\r\n+sVqK9VPdb9rkQuWqDx/u7h6puv2gC6c9nUrwhIOWp139HXBSfoGhJWbVnyB\r\nKxLrplhBG8Wl/ePdDykj9HaF0Wf6B08FCqOLRsAyK32StK2yOFYe2RVL+UD1\r\nbO5BT06meuUiSLOWUg8ze0Zxa2LvPc7sUi4=\r\n=knPR\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_2.0.0-beta.13_1673940995525_0.27537723656727686"},"_hasShrinkwrap":false},"2.0.0-beta.14":{"name":"@spaceone/design-system","version":"2.0.0-beta.14","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"types/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"reinstall":"rm -rf ./node_modules && npm install","build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:tsc:watch":"concurrently \"npm run build:watch\" \"npm run tsc:watch\"","tsc:watch":"tsc-watch --compiler vue-tsc/bin/vue-tsc.js -p tsconfig.build.json --silent --onCompilationComplete \"tsc-alias -w -p tsconfig.build.json\"","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node scripts/lottie.js","css":"node scripts/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test:unit":"vitest run","test:unit:watch":"vitest watch --ui","test:coverage":"vitest run --coverage","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"5.10.0","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vitest/ui":"^0.26.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","concurrently":"^7.6.0","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.9.6","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","tsc-watch":"^6.0.0","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vitest":"^0.26.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 16.13.2","npm":">= 8.1.2"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jenny Kim @dsict","email":"kja0717@gmail.com"},{"name":"Wanjin Noh @WANZARGEN","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee @siyeons","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu @yuda110","email":"yuda@gmail.com"},{"name":"Songyi Kim @song2kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin @wesky93","email":"wesky93@gmail.com"},{"name":"HeeYoung Anna Lee @heeyoung1332"},{"name":"Heeyeon Kang @h22y25n"},{"name":"Sungmo Jung @sulmoJ"},{"name":"Minseo Lee @minseolee"},{"name":"Yongtae Park @piggggggggy"},{"name":"Lee Jeong Min @danmin20"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"5a4cb355ab451215d975f695a76c63f9bd87d76c","_id":"@spaceone/design-system@2.0.0-beta.14","_nodeVersion":"16.19.0","_npmVersion":"8.14.0","dist":{"integrity":"sha512-Z/Ad0m7r3mFAGd27dBi4V2Hh6oUlllsBQGoTPS7xwIMuwy0mrGS1uIgsJD6M1Yo25IlbKmZ3+txWimS3afnNDg==","shasum":"fe0917358f76ad877e6fc736cbdf98d098ee8464","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-2.0.0-beta.14.tgz","fileCount":1670,"unpackedSize":60109795,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIA2yqctFhANGubQj/LU+bagX/ymvnqAe/XcoHVY4YwlsAiEA6O5HJLX7sL+BV0Mg28k/ZsFzMSXuLft1MPH2DIlcj5o="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjxlSAACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpNYxAAmK+v54uJz0t06NXNOV5ZtgQH7/zupVQ/F1rlDHIhxg1aCAdW\r\nN28MiqDY8dkCGk5jszpyMIiqMK3XdTeUU2vsF+K32sWEnxw0pgn6TpPwh/MB\r\ncTOCwJiD+Lt9xT4PDoV7rh3q2USXkIKzpVEq1RMYUAqV2JPNofvewczq6HQL\r\nCKghHsqanE5G4W3rHb3bo/ULVGVQfRYDOvbkNdVd5J+KeoBTpxAWHbl8I4hB\r\nZ+43UfenQb0A+82UDJzj5yikbXFDLe3GbZWDS8Iv3lKMkzzcv++9BqpoyYYS\r\nhlTJ/r3rqImt7GDn/XS5kQSpIoQF7DcL7B1GcwI28YZ8z7w8uuTyp209HzU2\r\n+Nadvvrym71BkuMfQ6S1q9FHHO+CZsG8rimlRyjSD+M8zUNICJE1ahM/bR4f\r\nB06m5DyUtNKGjYa7rVlmDEvuUBGz+hCp2F4hSLj0rbkva78b+6QQHdiAx5nV\r\n7J2hs2U0jI6UZdYChPWAmja3qwfQMI2/v4A9oK1K33lAvfw+ZgTKCKSF0Hkp\r\n61rZWnHEkEgMGEmH9Pg8pI9UpBESpOZVPNhNgA2o8db9sxXWxSVZYxAmlUcc\r\npGwmo6HWOUO7BV652hifzrX3PgClmDxCW4SkumopCmxaaYUDYVTgJXnnDGlO\r\n2OoIkQFQoh3NtKEXNdjgO+7xsLv59AeTKM0=\r\n=4fJt\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_2.0.0-beta.14_1673942144224_0.02008604395517688"},"_hasShrinkwrap":false},"2.0.0-beta.15":{"name":"@spaceone/design-system","version":"2.0.0-beta.15","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"types/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"reinstall":"rm -rf ./node_modules && npm install","build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:tsc:watch":"concurrently \"npm run build:watch\" \"npm run tsc:watch\"","tsc:watch":"tsc-watch --compiler vue-tsc/bin/vue-tsc.js -p tsconfig.build.json --silent --onCompilationComplete \"tsc-alias -w -p tsconfig.build.json\"","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node scripts/lottie.js","css":"node scripts/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test:unit":"vitest run","test:unit:watch":"vitest watch --ui","test:coverage":"vitest run --coverage","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"5.10.0","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vitest/ui":"^0.26.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","concurrently":"^7.6.0","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.9.6","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","tsc-watch":"^6.0.0","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vitest":"^0.26.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 16.13.2","npm":">= 8.1.2"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jenny Kim @dsict","email":"kja0717@gmail.com"},{"name":"Wanjin Noh @WANZARGEN","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee @siyeons","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu @yuda110","email":"yuda@gmail.com"},{"name":"Songyi Kim @song2kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin @wesky93","email":"wesky93@gmail.com"},{"name":"HeeYoung Anna Lee @heeyoung1332"},{"name":"Heeyeon Kang @h22y25n"},{"name":"Sungmo Jung @sulmoJ"},{"name":"Minseo Lee @minseolee"},{"name":"Yongtae Park @piggggggggy"},{"name":"Lee Jeong Min @danmin20"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"307027261cb33f14efa4fdd13e9721cc1ee893b2","_id":"@spaceone/design-system@2.0.0-beta.15","_nodeVersion":"16.19.0","_npmVersion":"8.14.0","dist":{"integrity":"sha512-TRF8BNgD3ZJ8uCU4qV66YLAArfBW1vW4GQ+xe7tjc4SYNsu/6EWphYFJ+sZNS2vG9b77QasUsRJyTKx/qIot/Q==","shasum":"62c297b8481ca6ef649b27557208ef2d774df97e","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-2.0.0-beta.15.tgz","fileCount":1670,"unpackedSize":60111378,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDex7vbShTWxwWvW3FeedIUV7+oLPBdGAeUh+Ic+Oe0aAiAib5m5Ds0PfWiRNMoaU+cUxf5DAuM4BagkUKSWfN8rlw=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjx0e1ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqZqA/+Mm3q1+REz7iR6qBGtemTYd/eM0Hm739c+wxn31JzJqO4koJP\r\nyvTTnl5h4anHRweTOxzPZ1O/1UOraQczwm/0Fhh8v7bcA43laZ/rB1yzeOp4\r\niOHWaEdD9LQysHVcpw6HCZdGtXxphFOIkqhJdhLvGlagyWOgCvTyn8Pmw0XA\r\nLn+D38VEFpUpTssmU3na18XTCge1XfjiLw8osdXDwVWixKPKHnInzk+d21a3\r\nj4FvWi8xKkZrfUEW1tAYgAiLvlNlHNfz98gEo0v2hmV2iRuDqOCnbWfAJ1Ee\r\nc9PGHX7GEvmtFcDAQ6on11b6S8LSVrpeEQ7sFVjcc/f9mrg50rckAJJqoz3R\r\nLqbU/v2+aqfV72NA04PDwxFD6/ZsYZUypYuvqEwvsNQSx+BUQ78BubN6vsT6\r\ndSCItNWadyqnr83eBkZkHUV6gP7w21aAzWgutW+drrzBXaPuHvyo9YBICtPm\r\nOsFLJ0r5ti09bEJzvir1PgXeZWuPAoloMzIh7VNlukQPAp/TClxN8Y2rLaNi\r\nBU5PyKsEEs5gqHjeNrqPicv+YSz9/vrkpJ5A/MkO1HpiKAaXFqpqwOqNs7S9\r\nu7RvY3Dc9IxH6ptGWMoJQrg2lmKH7EV0YoCthARUQ0ooW4YCeDfH3KKUiECc\r\nkWxYbTQ57ku9PgUd4KDL2w9JCOG5cbONL3E=\r\n=dfrb\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_2.0.0-beta.15_1674004405396_0.4358306741475022"},"_hasShrinkwrap":false},"2.0.0-beta.16":{"name":"@spaceone/design-system","version":"2.0.0-beta.16","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"types/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"reinstall":"rm -rf ./node_modules && npm install","build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:tsc:watch":"concurrently \"npm run build:watch\" \"npm run tsc:watch\"","tsc:watch":"tsc-watch --compiler vue-tsc/bin/vue-tsc.js -p tsconfig.build.json --silent --onCompilationComplete \"tsc-alias -w -p tsconfig.build.json\"","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node scripts/lottie.js","css":"node scripts/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test:unit":"vitest run","test:unit:watch":"vitest watch --ui","test:coverage":"vitest run --coverage","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"5.10.0","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vitest/ui":"^0.26.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","concurrently":"^7.6.0","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.9.6","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","tsc-watch":"^6.0.0","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vitest":"^0.26.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 16.13.2","npm":">= 8.1.2"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jenny Kim @dsict","email":"kja0717@gmail.com"},{"name":"Wanjin Noh @WANZARGEN","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee @siyeons","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu @yuda110","email":"yuda@gmail.com"},{"name":"Songyi Kim @song2kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin @wesky93","email":"wesky93@gmail.com"},{"name":"HeeYoung Anna Lee @heeyoung1332"},{"name":"Heeyeon Kang @h22y25n"},{"name":"Sungmo Jung @sulmoJ"},{"name":"Minseo Lee @minseolee"},{"name":"Yongtae Park @piggggggggy"},{"name":"Lee Jeong Min @danmin20"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"124b8e7e1b69b5f2db7d1ad57f1870316c023a31","_id":"@spaceone/design-system@2.0.0-beta.16","_nodeVersion":"16.19.0","_npmVersion":"8.14.0","dist":{"integrity":"sha512-l39fMC4DTZn5CV5JJvGyrAR9rxgy/YIismRytWAQQu24MbyQtPVzMFzkekqF5CHY4Tib96SfDauwVTdi+Fnrxw==","shasum":"03e464e9a5fd447bb1fd5fe29f8d558a2c89a90b","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-2.0.0-beta.16.tgz","fileCount":1670,"unpackedSize":60113264,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD8hez6laNyIaLUkgSnyUjNZSO0kyOcqwbFVNeassSK6AIgJAqDa2h1WVfFrzDf+RD4UBiw4XU4bxDX1U/JMEorzQY="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjx6YmACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoQQQ//S+p0DEJKf2/qgojtPKlmJCvWCBIfGhEbnSVG7ZWC4cVnpyZc\r\nJQ/sNRLOQG/fLEzL6dKdfB+gf8QMrymLzzWOS56RlE7mGw3MZh9DETmlYv0l\r\nC5517kGp391TRCEAIeo7iF6VEFFKwJTt0bPGqfHwYOrm6IfPMbS0DMKwjfFk\r\nbEAOqBgv5yX5AGD+Uzg/8QRjIpsO4bFOBW2W7sKwxB/bU5eVglS6ktZ0deCG\r\nl1cgc5L+lTbHCsxv+X0LkeEDYmk3bWkq35mebWYaysNl9R5yUcVmGK062xrg\r\nLJ7pUMpVmP2dXAynTbDYH4AdYXZA7wgbz8qNMpIQYDMPnVI3n8ZJ4gNBaWN8\r\nKBEyePNuLZM+lyY+KP+432FkniVaK9ZztJNi/onSDZUD1Ho7UkAs90xWmUwb\r\nibF195FcWUmJ4W1vS9rYZSuaNc7P8Vhd9/JEouAaSZ9o8EFHuhrPsmDSIbPX\r\nJWcwSuAqhJfhzGgW3NeW9gls1b35PRMwXCVGtdZJc1JebPFToRZxJUCFj5iW\r\nGPp8WSoBAqPjloEAdbdlLRgyKKqVwISNsgySvuci8ZtKN1K0bnyqvTTpX/s3\r\nZ5LHnvtxymYjBnTlcDrZL7mLk4j3QKoxGyqSB4qQkcTWs0VvwP1Jr0Ss0rLA\r\niKXURIx2xWKOa3Yyc5KpljCy5Q8HJPDS/Dw=\r\n=7NVN\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_2.0.0-beta.16_1674028581909_0.9283610440439947"},"_hasShrinkwrap":false},"2.0.0-beta.17":{"name":"@spaceone/design-system","version":"2.0.0-beta.17","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"types/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"reinstall":"rm -rf ./node_modules && npm install","build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:tsc:watch":"concurrently \"npm run build:watch\" \"npm run tsc:watch\"","tsc:watch":"tsc-watch --compiler vue-tsc/bin/vue-tsc.js -p tsconfig.build.json --silent --onCompilationComplete \"tsc-alias -w -p tsconfig.build.json\"","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node scripts/lottie.js","css":"node scripts/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test:unit":"vitest run","test:unit:watch":"vitest watch --ui","test:coverage":"vitest run --coverage","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"5.10.0","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vitest/ui":"^0.26.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","concurrently":"^7.6.0","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.9.6","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","tsc-watch":"^6.0.0","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vitest":"^0.26.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 16.13.2","npm":">= 8.1.2"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jenny Kim @dsict","email":"kja0717@gmail.com"},{"name":"Wanjin Noh @WANZARGEN","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee @siyeons","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu @yuda110","email":"yuda@gmail.com"},{"name":"Songyi Kim @song2kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin @wesky93","email":"wesky93@gmail.com"},{"name":"HeeYoung Anna Lee @heeyoung1332"},{"name":"Heeyeon Kang @h22y25n"},{"name":"Sungmo Jung @sulmoJ"},{"name":"Minseo Lee @minseolee"},{"name":"Yongtae Park @piggggggggy"},{"name":"Lee Jeong Min @danmin20"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"7aefc1ca40a854894290b8ad3ebc255eb77b1cfb","_id":"@spaceone/design-system@2.0.0-beta.17","_nodeVersion":"16.19.0","_npmVersion":"8.14.0","dist":{"integrity":"sha512-PVPJ6WP/NOymhQhSMP01+CMRXfXmqFkuDSXEzttagxPDI3fDCj0RR9wVhU0bM4rgLASUcSreYrVw7F+Mq5JcEQ==","shasum":"2bed3fe63beb2cc16b4f1591d61bec673ebcfb1a","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-2.0.0-beta.17.tgz","fileCount":1670,"unpackedSize":60115598,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCzpnL2gTW7Xyxb3JI83BNduZG/nGMvFe0FC03+OHEmTQIhAMbOPSbIZXCZ7sbSsiXCxgYgb0sq9fk4hnqTd4OzLPHZ"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjx7I3ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq2Qw//WUmnj8D8AQLf35ZOlStRhJ52wJJCEWQkUocveCOw1w9TfFNA\r\nkB1xGIeoUFQ8ofPLSuiLX06HaX1nT7DCKEOcqOmbs/4HqJ2lEh2E40aRfMTf\r\nhPItXc8E40GHjJYad6JrGBpFTzlt55wwGUH8dzJpLG+NFgPrCthT5nhqRhp9\r\nZ0+LP92pEx0E8eVMV1cvrsBrsS+/XTwAaeod3tIkP+NJvX5A/ocN+8vorydH\r\nsjad0Zif7dXv/ukCHdymzCJee0PXzTR+OoVIapoUGlBHs0iQq8rxOEn8AbGG\r\nHFDki/MG052SCClDnuT2MwE0MRAobcmOFbO+ZVYFalU4/7HCEJtcAZByWvOF\r\nd7A+/U8sTrggB07rpCFnetet0nJzpzZ4CrMufZNxW4ZUDeUqcuyCA+8EumdW\r\neNTXjO7WrII20S6S2JHpx5KhxXVYdRELsVa7JzfqB4+tEH4Kc52jpB6FRHuv\r\n9U2X/87Kq64GFx6iE/60sNKQWdOe8CBSJVznIyQ0eT8sSX4gVcpKDxDMwSEF\r\nNMPizdFFA07dl7hIh4tDG9CD5xWerwiVlebpNrStPlEE0YZnC0MuyQpivTU0\r\nc8payoQDwImgaB1B43A9gjWuidO/e7zBbJPiXk1sJ4/O/QRwd284zkqgPHQQ\r\nij0+lLYptDGlDvH+2GyUPLLO9IUE9VVEfE4=\r\n=cdmG\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_2.0.0-beta.17_1674031670643_0.7138493986451673"},"_hasShrinkwrap":false},"2.0.0-beta.18":{"name":"@spaceone/design-system","version":"2.0.0-beta.18","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"types/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"reinstall":"rm -rf ./node_modules && npm install","build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:tsc:watch":"concurrently \"npm run build:watch\" \"npm run tsc:watch\"","tsc:watch":"tsc-watch --compiler vue-tsc/bin/vue-tsc.js -p tsconfig.build.json --silent --onCompilationComplete \"tsc-alias -w -p tsconfig.build.json\"","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node scripts/lottie.js","css":"node scripts/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test:unit":"vitest run","test:unit:watch":"vitest watch --ui","test:coverage":"vitest run --coverage","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"5.10.0","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vitest/ui":"^0.26.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","concurrently":"^7.6.0","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.9.6","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","tsc-watch":"^6.0.0","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vitest":"^0.26.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 16.13.2","npm":">= 8.1.2"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jenny Kim @dsict","email":"kja0717@gmail.com"},{"name":"Wanjin Noh @WANZARGEN","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee @siyeons","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu @yuda110","email":"yuda@gmail.com"},{"name":"Songyi Kim @song2kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin @wesky93","email":"wesky93@gmail.com"},{"name":"HeeYoung Anna Lee @heeyoung1332"},{"name":"Heeyeon Kang @h22y25n"},{"name":"Sungmo Jung @sulmoJ"},{"name":"Minseo Lee @minseolee"},{"name":"Yongtae Park @piggggggggy"},{"name":"Lee Jeong Min @danmin20"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"a31267a3a9425ab8a720febe0004e6fd7700b07d","_id":"@spaceone/design-system@2.0.0-beta.18","_nodeVersion":"16.19.0","_npmVersion":"8.14.0","dist":{"integrity":"sha512-knBR098GGaiMYZnm+t8BnsSPnn5a0dN92HfgQ+gR4rYE7SNUUGr1mQ6DWXvrQZy9xGFoJoSDyZ1SfvsR0esbGw==","shasum":"e86fd19e4603e108f041666c9ce5cde814f60491","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-2.0.0-beta.18.tgz","fileCount":1670,"unpackedSize":60115414,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAo+MNKWkaIOBjSak3SJPigvXXipatTBMoOIy6Zh2Wv5AiEAsjCjUjRig48CirUlFji0fLBE5q8kzJ73aOlvk2obdz4="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjx7Z0ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr2Vw//YTMzi+X2YZopEcpXxKvSPYF1ggg8J9Y2bT8NFpcergdJCaqE\r\nQudhddqm3BYk3Aw/7rcy18ewV3XZkToE0jP2FgUiJf9dwjpOX8HbB8dzt2Uc\r\n9R0fvi96lVJ0zk8tvqiGB5JvJQ6shoXgZ9mvtBzKFrJTgDrUUIfocVBrUmeO\r\nXfcG5prhppGdvuP+Ph+kh1LQW1S8xGeUkpo0ktTtK+OEt+JjksDdN4QYZi2A\r\nJPjOz233NxxQ4S11K+u+5VPXLhlOshCjCmneR9N/zZ7sJQ87bOozDjSNepp2\r\nkhcnnSzMMkvshk79IyFecDv1Q89g6KqcJtw1xIHCwvAlvOefKUC7r6wjfVAQ\r\nYvDLXI8wSxfSaQG9I1E2bUboWFTJAeuKBGNwmsTKqbBwK46l27Gmbwr7noMH\r\ni9Ia93V/B4JoLnWi66nDdgOVXJSL9c4i+93aoqUxQMT85wjbq+fyjX8wvCoh\r\nDWR5VzoWi79RfIGFEH50kbWq2N/ryKWGIqXZlJJ64Cm9gkInOwrSnyYiEMtF\r\nT22O9CDf1h+84AfsbqlTWUyhRtcGC5+f43zNuvuMQSBzVNymaXY7W5QZm84F\r\nXDrKWIB4uri6o2t1UTTmuJ4EdlFdL2tMSVKLMGF29ZbGkjTSd2lQPAVgjXcn\r\nC5J2ISu34UEFn3zCZb/My6kfzC9gXH5TQQQ=\r\n=ekui\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_2.0.0-beta.18_1674032755692_0.22237684913462785"},"_hasShrinkwrap":false},"2.0.0-beta.19":{"name":"@spaceone/design-system","version":"2.0.0-beta.19","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"types/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"reinstall":"rm -rf ./node_modules && npm install","build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:tsc:watch":"concurrently \"npm run build:watch\" \"npm run tsc:watch\"","tsc:watch":"tsc-watch --compiler vue-tsc/bin/vue-tsc.js -p tsconfig.build.json --silent --onCompilationComplete \"tsc-alias -w -p tsconfig.build.json\"","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node scripts/lottie.js","css":"node scripts/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test:unit":"vitest run","test:unit:watch":"vitest watch --ui","test:coverage":"vitest run --coverage","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"5.10.0","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vitest/ui":"^0.26.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","concurrently":"^7.6.0","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.9.6","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","tsc-watch":"^6.0.0","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vitest":"^0.26.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 16.13.2","npm":">= 8.1.2"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jenny Kim @dsict","email":"kja0717@gmail.com"},{"name":"Wanjin Noh @WANZARGEN","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee @siyeons","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu @yuda110","email":"yuda@gmail.com"},{"name":"Songyi Kim @song2kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin @wesky93","email":"wesky93@gmail.com"},{"name":"HeeYoung Anna Lee @heeyoung1332"},{"name":"Heeyeon Kang @h22y25n"},{"name":"Sungmo Jung @sulmoJ"},{"name":"Minseo Lee @minseolee"},{"name":"Yongtae Park @piggggggggy"},{"name":"Lee Jeong Min @danmin20"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"ba37236980fac5407ab19b981503bd5288b0f44c","_id":"@spaceone/design-system@2.0.0-beta.19","_nodeVersion":"16.19.0","_npmVersion":"8.14.0","dist":{"integrity":"sha512-1a2NaWIUff/l4qajhtN1kfsz7MYhm5tXoBK7HY/Lm+fqbbXqxtOW81/nVye+Wto8y2N9z9yR0sAHvYpAHM5mZg==","shasum":"f2a8d9ba8f57ff7447e927cf5af20aa53b210cfb","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-2.0.0-beta.19.tgz","fileCount":1670,"unpackedSize":60116655,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIH4aOqj6lslYW0u1+DMiRD1BHRniPA1iEvpPD4QI3ZElAiBza0sK3C0w+YxzxxQYMJQiQXGiJ+HNiWKQ8vsn9zlt0Q=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjyCD6ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoszxAAmY2BIAJjtqm9+mBeEeSHs7OV6ApGA4lJKuF4lXwmjt6PN26h\r\nqjvsuxEiglLYXbV3CTsWiAP70HEQSgBLp4KD7936jKlZHpavMKUrIslMef6b\r\nJrJYG45njA38LMYiyW20VZgwBVhYyR2Up2+gGvx5MmrXcDuK9JcugNLzR0Jj\r\n9wfol55wlrJenv/RLxgPkw5tJqzTc62i4Zd8ks0/E55lFCMRUn88680ANwWS\r\nLIoaUcmPpDz/yZHr5FKk1Asbot+6Oe9ZtQABBZ+qjmABvP+wuAJ112TTgGRq\r\ndfurMVuqp/ZsaonFeNurYGGiw9YjO/cwZl6xZXOmpqaAr7ERZezlfSr0wO8m\r\n21l11f4gknO9Y91UkelCe3uptMa0zrx/9M4phE2g3bzoDkBCnpdF4tGQBMrL\r\nWzgih9t9r0GM+AtTmDMhunxrOnrX2YzN7x6WHVxxeSdV4+KzBzpMNkO5dHyV\r\n1cqDooTWI+XoVQIRlCLGwfsAJQGGUIyUsjcHVAmYHBtVksJ9S/pg/ROdksSH\r\nhM0BFxx0UKvV2/BLHnSlRV8hBzWK8Zkx/9jeGjlzfP2KpH7F3OQg4oKvD2dU\r\nIvTqvM5iKKVVdaE/YpBRCZqQvEdKokazyhN34RAOSQfbENGP2QEGRFJKedeS\r\nARftcurxGj6m1hkobvZH6p6JbHei1oqNz+I=\r\n=6yeu\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_2.0.0-beta.19_1674060026506_0.3546590592262364"},"_hasShrinkwrap":false},"2.0.0-beta.20":{"name":"@spaceone/design-system","version":"2.0.0-beta.20","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"types/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"reinstall":"rm -rf ./node_modules && npm install","build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:tsc:watch":"concurrently \"npm run build:watch\" \"npm run tsc:watch\"","tsc:watch":"tsc-watch --compiler vue-tsc/bin/vue-tsc.js -p tsconfig.build.json --silent --onCompilationComplete \"tsc-alias -w -p tsconfig.build.json\"","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node scripts/lottie.js","css":"node scripts/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test:unit":"vitest run","test:unit:watch":"vitest watch --ui","test:coverage":"vitest run --coverage","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"5.10.0","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vitest/ui":"^0.26.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","concurrently":"^7.6.0","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.9.6","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","tsc-watch":"^6.0.0","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vitest":"^0.26.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 16.13.2","npm":">= 8.1.2"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jenny Kim @dsict","email":"kja0717@gmail.com"},{"name":"Wanjin Noh @WANZARGEN","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee @siyeons","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu @yuda110","email":"yuda@gmail.com"},{"name":"Songyi Kim @song2kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin @wesky93","email":"wesky93@gmail.com"},{"name":"HeeYoung Anna Lee @heeyoung1332"},{"name":"Heeyeon Kang @h22y25n"},{"name":"Sungmo Jung @sulmoJ"},{"name":"Minseo Lee @minseolee"},{"name":"Yongtae Park @piggggggggy"},{"name":"Lee Jeong Min @danmin20"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"170ad63c843df3b2b08485023dfec798fbd4be71","_id":"@spaceone/design-system@2.0.0-beta.20","_nodeVersion":"16.19.0","_npmVersion":"8.14.0","dist":{"integrity":"sha512-XzWzhIP40ulo6RWTD8zahDw0evwM/EUfFOxy2vBiV8wOFx09zoWehyl3B5Y590R5+q7mY4DSRAvV0+/gYNBVQQ==","shasum":"8c6fe8720d1a450fbf74540dae4873bd0375fa31","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-2.0.0-beta.20.tgz","fileCount":1670,"unpackedSize":60129465,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEkw95bwF28+vMDy/7qloEmBAeWCGV4QAkt1Syae92laAiAf9TIM6vGO6pOrFiEqykWyh1yS5HWnR/17szPQ28YvTA=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjyLEuACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoPew//WT07iSZA7eN1T/VFWn9y62AUm4aM5GuUk2C7DxYCfY3BGwKR\r\ndmJZSQTeSdoaAsLpQuRfSj1ZnqGK1n2/3Yym6bmlNzA2X6TquUHP6rbYv+dE\r\nh0FkHKLEMArzz2McY7pwmnL3xxryqDlSW3piwZg+oAr/2D8FifE4B+pvZmz1\r\nXIBhvOVdE86sIwHmb1rRvqKA2bBnZAakAQ0k8CzL9Il07XxcvasV5Diohd2N\r\nz024sCDG65DJzRbpODhEsnzKiS7uB0RogtAq0ZZkI0nxu++ONO/tLh5NHhcW\r\nL+A1PZJAR3o4in40BAZr9+BgFXaL9PU5jX3FK4tIjejx6AsvFkXJXOsM4ZUz\r\nSiblk6zzS1ACWbRxox+qFNrW4x5zVTfO8WcWmVSaWwBQRwqX4LE1RtUPQ2Yi\r\nu3DfvqI94APb3MmTfK5GuE1IU3REd3ObULl7nKaLlKIxQLj31LDuKTBu9bpo\r\nRM8iwNSi3T1SGWvrRzGpelqCNveJRaJgH58lmUz9fixv0ha0BL38u2flXJfM\r\nV+BaTSR+qlT+8XCZwxj5GQ+uLmK2rjghYQJcBekJ12EaWsLsYAgvOeXmqU8d\r\nTOKEKqagFO4FKHjdFMHRz2IxMLFpHny+UTSVz9BBbuKT+oEsqCAjO86OValp\r\nBMurUDs4yI0GIzS/J1lQNFOfycvYtXtAJhs=\r\n=5UBC\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_2.0.0-beta.20_1674096941922_0.6076424629536439"},"_hasShrinkwrap":false},"2.0.0-beta.21":{"name":"@spaceone/design-system","version":"2.0.0-beta.21","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"types/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"reinstall":"rm -rf ./node_modules && npm install","build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:tsc:watch":"concurrently \"npm run build:watch\" \"npm run tsc:watch\"","tsc:watch":"tsc-watch --compiler vue-tsc/bin/vue-tsc.js -p tsconfig.build.json --silent --onCompilationComplete \"tsc-alias -w -p tsconfig.build.json\"","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node scripts/lottie.js","css":"node scripts/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test:unit":"vitest run","test:unit:watch":"vitest watch --ui","test:coverage":"vitest run --coverage","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"5.10.0","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vitest/ui":"^0.26.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","concurrently":"^7.6.0","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.9.6","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","tsc-watch":"^6.0.0","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vitest":"^0.26.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 16.13.2","npm":">= 8.1.2"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jenny Kim @dsict","email":"kja0717@gmail.com"},{"name":"Wanjin Noh @WANZARGEN","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee @siyeons","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu @yuda110","email":"yuda@gmail.com"},{"name":"Songyi Kim @song2kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin @wesky93","email":"wesky93@gmail.com"},{"name":"HeeYoung Anna Lee @heeyoung1332"},{"name":"Heeyeon Kang @h22y25n"},{"name":"Sungmo Jung @sulmoJ"},{"name":"Minseo Lee @minseolee"},{"name":"Yongtae Park @piggggggggy"},{"name":"Lee Jeong Min @danmin20"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"55251be5945c6d038896d2bebd46ec9513b8ab16","_id":"@spaceone/design-system@2.0.0-beta.21","_nodeVersion":"16.19.0","_npmVersion":"8.14.0","dist":{"integrity":"sha512-OOOjyvOuBmJa2GfXPXICF8qANe2ci7PqnZ9PhfrJGr3juGP4Jp/3wFE5n9hKpunjbSQC8ojIXQe7GQMpbyfzzA==","shasum":"d56f25db9caba6ef0fc595d05c76b1222a6315e9","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-2.0.0-beta.21.tgz","fileCount":1670,"unpackedSize":60118153,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD5TTVPcKnwwmBbgAzjvxKodSCL/USsXc2E4HvP/qC0zQIhAKFA3viFm2IFFhwp8k7ZNNqPQJLJujHkhFvJ+ixgtXD+"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjyO2sACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrqHBAAhYpMKHvkw43A1q+5TwqoBREL68LJBd0YpFMSrPJreSZtdD7/\r\nUNo2MrCIlKuIBEgLULKKCmrzVyN0jjHezP8W0deelfwvmhEF2/XigxdeQf8Q\r\n8Mx0DE3KYeQSUlvMyYAr9iETe9zr3yevglQej/1L0IjwLjlQeBH3QwazGOT+\r\n7pNZeEQtOw97naKxwazKZg8YSJkhkpA/6qVqkbPco3jZ6AONd3x9kSGBhGZr\r\njtxZPj7OozZhyBIK+GyQLtQyqeiicCBweGyzb03iLtrxFbfFjOkvGPKOILcW\r\nDSXdEWSIyjHq4e43Dp7/AYQpMXfBLSrvmE0Oebg48o2VTmMGH4beYCTKObmq\r\nv6hBsfxIY72XpIvUsZkWVzOHyz74ziaJ8CYxkg29JuFnQG6vn1bymUy/HRwc\r\ns915i94UY5zDsUPvjhtD8EsObpN9c3mebP3qapYIAX9BGnWnz7/uUvS8Jiv3\r\nPCRwxdb3DQccYfDT0A8vUHnllWqQotbmWTdJr/itYEvE3n12DYN42ZoYnbAv\r\nG5PX2JRl4lWYml8nXdtFOvVt2hDT/pC4a0I50kCqUGJkso4hKEodLZ8R0vIs\r\nZ7NpB3OwaZIIsbgsBnAFjYaihUlWziBk4j3R/bb1/CW+ONzzJReTX9Y3uont\r\nBUOuWzcJ8Of7U+YqTRXRQ2djf/EizLkFkhI=\r\n=O3Ap\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_2.0.0-beta.21_1674112427955_0.4052153321488874"},"_hasShrinkwrap":false},"2.0.0-beta.22":{"name":"@spaceone/design-system","version":"2.0.0-beta.22","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"types/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"reinstall":"rm -rf ./node_modules && npm install","build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:tsc:watch":"concurrently \"npm run build:watch\" \"npm run tsc:watch\"","tsc:watch":"tsc-watch --compiler vue-tsc/bin/vue-tsc.js -p tsconfig.build.json --silent --onCompilationComplete \"tsc-alias -w -p tsconfig.build.json\"","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node scripts/lottie.js","css":"node scripts/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test:unit":"vitest run","test:unit:watch":"vitest watch --ui","test:coverage":"vitest run --coverage","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"5.10.0","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vitest/ui":"^0.26.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","concurrently":"^7.6.0","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.9.6","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","tsc-watch":"^6.0.0","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vitest":"^0.26.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 16.13.2","npm":">= 8.1.2"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jenny Kim @dsict","email":"kja0717@gmail.com"},{"name":"Wanjin Noh @WANZARGEN","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee @siyeons","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu @yuda110","email":"yuda@gmail.com"},{"name":"Songyi Kim @song2kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin @wesky93","email":"wesky93@gmail.com"},{"name":"HeeYoung Anna Lee @heeyoung1332"},{"name":"Heeyeon Kang @h22y25n"},{"name":"Sungmo Jung @sulmoJ"},{"name":"Minseo Lee @minseolee"},{"name":"Yongtae Park @piggggggggy"},{"name":"Lee Jeong Min @danmin20"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"d32d77b81e7729b2324c5b5521da652de63efb2b","_id":"@spaceone/design-system@2.0.0-beta.22","_nodeVersion":"16.19.0","_npmVersion":"8.14.0","dist":{"integrity":"sha512-97JBHLKkFJDS0+6hqQY7I6qq5tjgw9YldXY7FwabJyTv+bboqnCa2sobGimNime5IMgjr93341s/jvrm74lETQ==","shasum":"426909378148ef1eef3720e76816542692a8117c","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-2.0.0-beta.22.tgz","fileCount":1670,"unpackedSize":60118405,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEPNx1FB4rLwEFUdnxBGIfvszuzdezVULueG9jIMHqKBAiA/pNJYKpfsz64Cd9bdTKtFu7JdcxwkiBfBLy1TFFS9iQ=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjyPVrACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpn6hAAkqlywdfwDgtUz3VRRisRBApr7L0CqQqC/BbEGQNjyBPeqQkR\r\n+jTu5vZRvkZQGQPsDrG6QIcgYaURTusCT498rPHjIJJEmAkQdmXnjMNqazid\r\nKC2BFqJiZ3genV0vwEpHq07O04TBePcApzfx+Rh3nZ8u9hjBTgX/Yn0QxCIv\r\naUH1ElaHwR9T6/XkzkRfyMABsuiVmfkIPEEHw3N5Zw18UoXg4bx2Oui6gFBV\r\nT3YcbCInIx3n1Mjen5ycCM/cBfjfSIUUgpuDc6F60THTvoBSL07RjerzvMZi\r\n0CVoSqf5vY0idpnAitqxu6n5H11m0+2TLU2bmHbmcrOOmA5mt9NFm+BcpI2w\r\ndZCQAnV7mKIJ9sHQrLi9DKufwKX2RgNako/5p/dk+sV108ky7gHU/M7tIhDO\r\nXWiJHdaP5w8OkHF5llTuFN9TcM9CBgmrBSZXjbT5wRIXQ+DXjg1ARQ697AU/\r\n2+xHqSxxJnNPLAzpUJjr0eS4PgKg+4dNp4WdSCQXJPhBpumDZ60agP2hNvNA\r\nb9rW7brmZGwAG8gSKcZevbIIMNhRrYKPlwGEY5jUho+FUNTd5KknoBccQ4SX\r\nWPr9vGCV73I+QcZv9YURaZ63hMyH9PnEOgZ0XgvaqyhkzMZqLuFgNSMG0KZK\r\nH09NsXAqhT17S3Patig4z57KvBBxy4h+TyU=\r\n=YF+U\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_2.0.0-beta.22_1674114411296_0.9021090434506365"},"_hasShrinkwrap":false},"2.0.0-beta.23":{"name":"@spaceone/design-system","version":"2.0.0-beta.23","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"types/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"reinstall":"rm -rf ./node_modules && npm install","build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:tsc:watch":"concurrently \"npm run build:watch\" \"npm run tsc:watch\"","tsc:watch":"tsc-watch --compiler vue-tsc/bin/vue-tsc.js -p tsconfig.build.json --silent --onCompilationComplete \"tsc-alias -w -p tsconfig.build.json\"","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node scripts/lottie.js","css":"node scripts/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test:unit":"vitest run","test:unit:watch":"vitest watch --ui","test:coverage":"vitest run --coverage","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"5.10.0","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vitest/ui":"^0.26.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","concurrently":"^7.6.0","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.9.6","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","tsc-watch":"^6.0.0","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vitest":"^0.26.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 16.13.2","npm":">= 8.1.2"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jenny Kim @dsict","email":"kja0717@gmail.com"},{"name":"Wanjin Noh @WANZARGEN","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee @siyeons","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu @yuda110","email":"yuda@gmail.com"},{"name":"Songyi Kim @song2kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin @wesky93","email":"wesky93@gmail.com"},{"name":"HeeYoung Anna Lee @heeyoung1332"},{"name":"Heeyeon Kang @h22y25n"},{"name":"Sungmo Jung @sulmoJ"},{"name":"Minseo Lee @minseolee"},{"name":"Yongtae Park @piggggggggy"},{"name":"Lee Jeong Min @danmin20"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"7ee3dad058e7f7994499cbc12f66c7710b3b1d3e","_id":"@spaceone/design-system@2.0.0-beta.23","_nodeVersion":"16.19.0","_npmVersion":"8.14.0","dist":{"integrity":"sha512-Aufh77Ia7DvEVH6TTRHANoD0WXxAx94tPA3NQYAE0HUxEou5D8sE/OClJRrgmex80du+RjVKKOshWMgH+U74NA==","shasum":"893aa99d7e19726f7724fde72a6c8be482f14599","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-2.0.0-beta.23.tgz","fileCount":1670,"unpackedSize":60119768,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEPcYYJ5/5W8mh9/VhsOVZA3yTetrwsVSITL6fQpccNRAiBjukDaNRogvtWUfauD1QPK7iweg7to7MHPh1U1KN1HYQ=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjyTpLACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoMTg//R0eijrmVvQ4ITEXCJj2yqPJY4FgGGTvCdvznhOaG0I3iyYY+\r\nLX4l3jJKrEblQ/3eZUdGlsc4mGORICjhCTAymZN5x3zIofhVvQIO0AhQbQ6K\r\nJnUseY9f8I5oyM5fpLPc/Vef7Ndd9ZFl0q6FU+dmGSs+DM8jinDpThVBSCVQ\r\nCnIQ/WhBhIEiBOUeLAFyhrsfHpWa5Cv441EzgHqqsXziMGiOYjG8xBZcvmwe\r\ncw1B/CgY38PTUE8l09zorp3y2dR5hyQ99LQwHYoaJ6XBhBusvncKKjY99TXx\r\nZ2qVudtHIS/UsO13oeFARQBYwbLq6tO1yde3/WUs6w3zjuO5VA6FJjw/oMDe\r\nhFXme+jCFkjv+ooKySa83igvLlmdwMXrsIMOthCQdS0Yuh6dLA+9sr3/lSto\r\nny+EapUUQ29GTz3VmFuqWSDJ60GCVeg9zTA0gVZX6eZbF4eiETKtznqjxqvR\r\n3ykM/QmM9PYLVNuEGd9pwwyhD8Sp0m51mxJ1VK05IXUNcBUqlA1/a5tSciCQ\r\nbNo5hhjNUEHb1FO32qrcjGzvvrcTWrQMFy52emQ90j+71Sg2i31QXzkHNl+t\r\n0FCFSe7RfLxIJ7Ah0T4FfcicByqNqo/bCiBWCKdKxvEXjM0KNVhD0dJAS/2w\r\nH/yR602g+M86i78wkvxbfdWutitxQBvUbRk=\r\n=HN1B\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_2.0.0-beta.23_1674132042829_0.30852681892988465"},"_hasShrinkwrap":false},"2.0.0-beta.24":{"name":"@spaceone/design-system","version":"2.0.0-beta.24","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"types/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"reinstall":"rm -rf ./node_modules && npm install","build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:tsc:watch":"concurrently \"npm run build:watch\" \"npm run tsc:watch\"","tsc:watch":"tsc-watch --compiler vue-tsc/bin/vue-tsc.js -p tsconfig.build.json --silent --onCompilationComplete \"tsc-alias -w -p tsconfig.build.json\"","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node scripts/lottie.js","css":"node scripts/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test:unit":"vitest run","test:unit:watch":"vitest watch --ui","test:coverage":"vitest run --coverage","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"5.10.0","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vitest/ui":"^0.26.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","concurrently":"^7.6.0","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.9.6","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","tsc-watch":"^6.0.0","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vitest":"^0.26.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 16.13.2","npm":">= 8.1.2"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jenny Kim @dsict","email":"kja0717@gmail.com"},{"name":"Wanjin Noh @WANZARGEN","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee @siyeons","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu @yuda110","email":"yuda@gmail.com"},{"name":"Songyi Kim @song2kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin @wesky93","email":"wesky93@gmail.com"},{"name":"HeeYoung Anna Lee @heeyoung1332"},{"name":"Heeyeon Kang @h22y25n"},{"name":"Sungmo Jung @sulmoJ"},{"name":"Minseo Lee @minseolee"},{"name":"Yongtae Park @piggggggggy"},{"name":"Lee Jeong Min @danmin20"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"c14e77bef99d3316eaa8a5bb1cdec6a3a6a76449","_id":"@spaceone/design-system@2.0.0-beta.24","_nodeVersion":"16.19.0","_npmVersion":"8.14.0","dist":{"integrity":"sha512-2EMG8Df9oLL/rCrKrIEPV8j4uF+0u8Q3PzEsezqO73qZ/5Fc5YyFCor8JV27qap77+9RasTSzIn23vbJ6E7fUA==","shasum":"9f76b98f6cbd55cc16df5933e2e4a87e8933914b","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-2.0.0-beta.24.tgz","fileCount":1670,"unpackedSize":60135145,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCR9YFT1o/pdE3Po282JSVtlBYbJ30NxoGoWDv1GpqSewIhAIoc/oFrojepU1JTehzjy7aj5EKDeQl43820zugg35jl"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjyfPFACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp//xAAhSeLBFKQmGrXYpk+SfR3msPkvafW0Me+0T8QW0wJpAHBrnv6\r\nVyJCd+oocWT+D05+2ZbBH3WN1I6pENQuiCQItTOwYaw0J+lx2AascTwCWAAK\r\nvXbPomfoesv2HFfXqAbvHlzEdaq6JRc3OoGo8ptmusEO7F+v3Ww7bo0AzgCF\r\nXW1W4PZ/4325sUDprIAEzT5so0b41f5bGqIdSctht6mM5kDmOEGPGtdgYLgW\r\n5KxAbnGAnUtfPcGEvsvvsW+Zeijqts8rHzWcHg5qPnrFKfoIjKsNjLzTJYDL\r\nv1QCGpLYvXsuXfbpDhHWDRvc0zKPSvXmTPJ9PRb8Qk00miYLbKC25q1i95FH\r\nF9CWFiu5BOg/qqAQioNz4Le4TWtfYzt+GadJz5hwH9Nw2gcjuyTMRwhYrgxf\r\nxGeuleJJEW5hJCUmWb99QipSl01Ah9ddO+ngI77RTleru5koQBk4QfKIm39K\r\nMK7yXlvMTC7rTrxyV5X1t8jiJ9owlf+IRB2Tpie6YipkS5NAG+idcT2O2mnZ\r\nJTAo80YlhHUJZ83KWrlXh4+JAwG5L5YMCZfeXDwvcVqSyddea7ZgeVoHqSvy\r\nf/wR3hj3IUbqofghhXJ2Wy5NJBnqJyM70mVv0ywf0ZiUl9jSQqP60rI6DJU2\r\nCB2r1tPcXwYLZHi2P6Va4o8Emz9Sw+5wQzc=\r\n=IHcA\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_2.0.0-beta.24_1674179525547_0.4557424627523401"},"_hasShrinkwrap":false},"2.0.0-beta.25":{"name":"@spaceone/design-system","version":"2.0.0-beta.25","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"types/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"reinstall":"rm -rf ./node_modules && npm install","build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:tsc:watch":"concurrently \"npm run build:watch\" \"npm run tsc:watch\"","tsc:watch":"tsc-watch --compiler vue-tsc/bin/vue-tsc.js -p tsconfig.build.json --silent --onCompilationComplete \"tsc-alias -w -p tsconfig.build.json\"","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node scripts/lottie.js","css":"node scripts/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test:unit":"vitest run","test:unit:watch":"vitest watch --ui","test:coverage":"vitest run --coverage","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"5.10.0","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vitest/ui":"^0.26.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","concurrently":"^7.6.0","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.9.6","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","tsc-watch":"^6.0.0","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vitest":"^0.26.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 16.13.2","npm":">= 8.1.2"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jenny Kim @dsict","email":"kja0717@gmail.com"},{"name":"Wanjin Noh @WANZARGEN","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee @siyeons","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu @yuda110","email":"yuda@gmail.com"},{"name":"Songyi Kim @song2kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin @wesky93","email":"wesky93@gmail.com"},{"name":"HeeYoung Anna Lee @heeyoung1332"},{"name":"Heeyeon Kang @h22y25n"},{"name":"Sungmo Jung @sulmoJ"},{"name":"Minseo Lee @minseolee"},{"name":"Yongtae Park @piggggggggy"},{"name":"Lee Jeong Min @danmin20"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"b09ab62f353f8a1029cbd3b68b10631fdf36ba2a","_id":"@spaceone/design-system@2.0.0-beta.25","_nodeVersion":"16.19.0","_npmVersion":"8.14.0","dist":{"integrity":"sha512-+r4IVMhsn4hBJ17I6WG7QcmB8DW9hfWcMBuogSUPZwUl9C6dIyvoU/hyQi7DOjgf4W+gzGopsH0+IkepgROKzA==","shasum":"9b506433d2bb4bff5b734c30705a3080701de9b7","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-2.0.0-beta.25.tgz","fileCount":1670,"unpackedSize":60123703,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD4/0utXbGnNVOTeHbX0AhXeo2xIf5oRTs+TBC/Y+Nf5QIgNmWwsKhMENONTJ7zOeDhTg37lfN8q5Lb+60qIHlpR7o="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj0OQAACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrV0Q/9HB1HAv2dibSI1sgqzYPn9KEDipfeXOfB+ZeGHRT4irMVm2M3\r\nWANQ0G/mZe81N+RiX3CaniPlA1gQhBFXyq7j1ym6BJSxWQdU/bvcY+4tF3Fl\r\nu2/BbnyKcAYRoZ1ayHJ1mUKCB10Yls6isoSDZSKCC8jqvDpjx450sHgNA2wO\r\nnmKf2GSz5ui7jov+VD3GwoJwFaoFNDM7hQ3p4361fCjZ5vC9zuGBj2WT1fVb\r\nffUq2eKQOlk8QRcr6pYyvoP4ffC8zfwexKEN/p6aFY5S/rJSId5m17IxgikB\r\nqTVx69o2WzrNgE319dp4a55DAR+HeFIU2Mnqss2Qzgv9yJa+SbjlnPisX3qb\r\nEjmxorndPBq+yHjDBq/ETYEXdjLh1WHU94vhL/atvLKncrxQPM6CYKNgZmMf\r\nBDFj5yJHt3CEdDp+VQ0hrYDmYlgsbbqtDcS93BtxPEg1vpMbm8WTgKnCSBC5\r\n5sBDvh8JjaGQ7EJleatI3lobI/DxzKNdBNzWqtx5qOAjI9tF8kzRG8hkSvPt\r\ni2rC6Fw7PlIrpqON01im6N15FhlAInX6xxQVbGqHNj0ThnwjKyp37CQ/NyND\r\n76Yo6Nxfu17BBBaEgPjmxhivVnof7vY9/eagro6QNAjzTNdazrC2XxAVeQl7\r\nMWIclSRsu+aWW7Umn2mJfxK/uA8tD0v+sBk=\r\n=MN+z\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_2.0.0-beta.25_1674634240527_0.18795124519415096"},"_hasShrinkwrap":false},"2.0.0-beta.26":{"name":"@spaceone/design-system","version":"2.0.0-beta.26","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"types/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"reinstall":"rm -rf ./node_modules && npm install","build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:tsc:watch":"concurrently \"npm run build:watch\" \"npm run tsc:watch\"","tsc:watch":"tsc-watch --compiler vue-tsc/bin/vue-tsc.js -p tsconfig.build.json --silent --onCompilationComplete \"tsc-alias -w -p tsconfig.build.json\"","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node scripts/lottie.js","css":"node scripts/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test:unit":"vitest run","test:unit:watch":"vitest watch --ui","test:coverage":"vitest run --coverage","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"5.10.0","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vitest/ui":"^0.26.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","concurrently":"^7.6.0","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.9.6","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","tsc-watch":"^6.0.0","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vitest":"^0.26.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 16.13.2","npm":">= 8.1.2"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jenny Kim @dsict","email":"kja0717@gmail.com"},{"name":"Wanjin Noh @WANZARGEN","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee @siyeons","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu @yuda110","email":"yuda@gmail.com"},{"name":"Songyi Kim @song2kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin @wesky93","email":"wesky93@gmail.com"},{"name":"HeeYoung Anna Lee @heeyoung1332"},{"name":"Heeyeon Kang @h22y25n"},{"name":"Sungmo Jung @sulmoJ"},{"name":"Minseo Lee @minseolee"},{"name":"Yongtae Park @piggggggggy"},{"name":"Lee Jeong Min @danmin20"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"06902e27efa930cc0d48c9ce05fb9e108e0e6a0a","_id":"@spaceone/design-system@2.0.0-beta.26","_nodeVersion":"16.19.0","_npmVersion":"8.14.0","dist":{"integrity":"sha512-wXoYRn8gpDFBO0Na6lGyCnOA3AZmr1yRJRTc0F9GWMz9PlP5UTxLdY747oYWwBZ6FwQqQ87mHQ8pMuV6J2rtfw==","shasum":"4b4ff55a6d11d91d00ee4b06cee31327719d95a7","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-2.0.0-beta.26.tgz","fileCount":1670,"unpackedSize":60129686,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCWJ9zHFOYsjrQNwElEtFGKfiwte23K4AIZ4kwSnmEigwIgP+iNLZlbp3nppcm+ajFt5bL1DYN9SXO3lwvAb/UmLFA="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj0hHSACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq/MQ/9FkDFpJEZf+RyCo7Xuu96QAIOtZRTnc7uxpkUQJCd7LlxTSrH\r\nxbmNyo7PF6kCp+aa8NDtdtjpkDwPQVyCFY0Askn/Sgb1xEsWsMzCkX+TyLwf\r\nQjjPV/rJv4bVKgdu7ZkUJlt68m8Qv54ay+sTAvp2bymXCNTnJGnLewZEdH44\r\no2wULhJTxOJmkr1LY64J9KKcgmoI+ZrL8PQAW8CuGsEciO5/o+BHfVFF+KzW\r\nvKxoGAkE8MYHvjduBrk4jDRSb0HzK3JMZbdY+1j+tWP1EKDAkrmXjRjZQKDY\r\nNWI1phRGOMjMJCkkPJXfbfmJcBte3nPj2CA0lrd+n/NOO3JjKkUkjlDJ/SLj\r\nHNgRBsnpsmKw+N56rS1iam8OnDON8fIJAoeHnZJv0+DSzgAfWYnPYY/QeLk3\r\n/VGBMx08PXFJY44zN2nJceQzDDOK3q4bUbqcIbJdSPewfhJP5yhiWt2YZ7AZ\r\nD+JjgwEeshRa5YrZlwO7yt7z8sitNAFU8rElxgAWoRlVAYtkZNeYgBWo6YVR\r\nCMvIV3Vir8mzF2VpgM+RMv4c1TGe/0qSDVZ/XDV+o+LMcTa9KavQbd58aeuu\r\nz1MqvTwr5TATvGx5X/vGKg+gpBcUsW/g2f6sHatsK0z92TfFC5YpZROy4LZ9\r\n+IhbBLwJyzLns+fHaXpiodbjEremvd6UZwI=\r\n=/5Vp\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_2.0.0-beta.26_1674711505436_0.6428364720212647"},"_hasShrinkwrap":false},"2.0.0-beta.27":{"name":"@spaceone/design-system","version":"2.0.0-beta.27","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"types/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"reinstall":"rm -rf ./node_modules && npm install","build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:tsc:watch":"concurrently \"npm run build:watch\" \"npm run tsc:watch\"","tsc:watch":"tsc-watch --compiler vue-tsc/bin/vue-tsc.js -p tsconfig.build.json --silent --onCompilationComplete \"tsc-alias -w -p tsconfig.build.json\"","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node scripts/lottie.js","css":"node scripts/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test:unit":"vitest run","test:unit:watch":"vitest watch --ui","test:coverage":"vitest run --coverage","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"5.10.0","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vitest/ui":"^0.26.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","concurrently":"^7.6.0","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.9.6","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","tsc-watch":"^6.0.0","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vitest":"^0.26.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 16.13.2","npm":">= 8.1.2"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jenny Kim @dsict","email":"kja0717@gmail.com"},{"name":"Wanjin Noh @WANZARGEN","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee @siyeons","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu @yuda110","email":"yuda@gmail.com"},{"name":"Songyi Kim @song2kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin @wesky93","email":"wesky93@gmail.com"},{"name":"HeeYoung Anna Lee @heeyoung1332"},{"name":"Heeyeon Kang @h22y25n"},{"name":"Sungmo Jung @sulmoJ"},{"name":"Minseo Lee @minseolee"},{"name":"Yongtae Park @piggggggggy"},{"name":"Lee Jeong Min @danmin20"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"2e88b294e9e8312b8dbaec4e2a30e136325a637b","_id":"@spaceone/design-system@2.0.0-beta.27","_nodeVersion":"16.19.0","_npmVersion":"8.14.0","dist":{"integrity":"sha512-lzyRosQD+IENydo9WdZFo5VnETA6dxYqFyVUKY4SOX/LzNM5t8dEKe5DlcYDfdBrw/9xN59ovnGfpJe4NdN5lw==","shasum":"72b588ec562196de229b5168ca4ad8f455c80d2a","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-2.0.0-beta.27.tgz","fileCount":1669,"unpackedSize":60149004,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDobQlXfzrGhpKxEjHxpkqYXzFd77t0Aj5h87wDPcswCgIhALWalNFdJBFLK2M6i6+r41XZNosNv3Msx+k2p8J/y32x"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj0j51ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp7Ew/+O/rwe2b3CUJHhTJv/pcb3cC2KQAYp0zTCshkBKk3NduJrx/k\r\neOXTw+HPK5yVHChot+9mosyOpgHieRFC7l8QkbVU9DZakoXYTOxuzVmRBT2F\r\nF1O4OtTgON8EI8jhtmubdkSOHnAF1Uc+UCMXowezTgnevKjzdSRhmpMSnT6P\r\nDuEYF0FSSx0aReUKb3CRxUrbWi8tzk9r187qOAPYZaocHuBqhAi211Vj8meL\r\nWjg7sptNJLI4vGYGdTJkyWGoCubPT706LynmVwSfDUZzlM3yQ+j9ecJvljdv\r\nEEzDn0CzIME6UZ8mhD+P9zzujocFmlIBDACRvPdWgNpu4a7we/um/L3sBooW\r\nbBNOb5WpNzB2O5oeot9BTFE6KidKXqJoGy8saRDbKpcmtmEvUqKGYYWtUUXc\r\nRIPxR1I49t+s4lbcTXKkQIpgypkpM5KYroKH5SLsV5QcKsmADTUDeDoHameX\r\nGZqomFdPo/v99/JqTFHD3rjTpfCK9h3NmaD87rb9tzrxybSD+55v4SBv/+bx\r\nWhGoDAM+mxLIPdqz4mliwT1c0d2OrMZswV5nQ7g+wZMx4JoieTYGsUqUoucB\r\nC0n1rTqPMxljsQGJD3ehgz+5/r5SEIVBtZmhl3hmqNyP3uqMBfl4Wv24bIs7\r\n2t/iVx92peWbXQ84no8G5cyiDSLHPABXRi4=\r\n=TMk2\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_2.0.0-beta.27_1674722933385_0.9724091917687354"},"_hasShrinkwrap":false},"2.0.0-beta.28":{"name":"@spaceone/design-system","version":"2.0.0-beta.28","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"types/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"reinstall":"rm -rf ./node_modules && npm install","build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:tsc:watch":"concurrently \"npm run build:watch\" \"npm run tsc:watch\"","tsc:watch":"tsc-watch --compiler vue-tsc/bin/vue-tsc.js -p tsconfig.build.json --silent --onCompilationComplete \"tsc-alias -w -p tsconfig.build.json\"","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node scripts/lottie.js","css":"node scripts/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test:unit":"vitest run","test:unit:watch":"vitest watch --ui","test:coverage":"vitest run --coverage","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"5.10.0","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vitest/ui":"^0.26.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","concurrently":"^7.6.0","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.9.6","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","tsc-watch":"^6.0.0","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vitest":"^0.26.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 16.13.2","npm":">= 8.1.2"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jenny Kim @dsict","email":"kja0717@gmail.com"},{"name":"Wanjin Noh @WANZARGEN","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee @siyeons","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu @yuda110","email":"yuda@gmail.com"},{"name":"Songyi Kim @song2kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin @wesky93","email":"wesky93@gmail.com"},{"name":"HeeYoung Anna Lee @heeyoung1332"},{"name":"Heeyeon Kang @h22y25n"},{"name":"Sungmo Jung @sulmoJ"},{"name":"Minseo Lee @minseolee"},{"name":"Yongtae Park @piggggggggy"},{"name":"Lee Jeong Min @danmin20"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"04b8a1bef3167b1d3b61cf78bf554f66c8f8184d","_id":"@spaceone/design-system@2.0.0-beta.28","_nodeVersion":"16.19.0","_npmVersion":"8.14.0","dist":{"integrity":"sha512-cQZy5f/VJhF0uKWtuxGewwiQy7TluqqtbFX5IxWs24wP0PwLK+FnYNHpasul5C7Ek5UwBzZ0YSAzEQkoZR14ug==","shasum":"b01b2ff8e5a7559e3cf14d033ff4137304cfecd3","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-2.0.0-beta.28.tgz","fileCount":1669,"unpackedSize":60149012,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCx5rxrgEh9pkccLUgBqgLCev+Z3iyJO+JdkS1Kv+hk4wIgYS9RwwmigftSv/CAOEyyGGRk73Ic68sohCqjTA/61/M="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj0k5PACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq5VQ//a2Dxtctsch6aj7PDkeC+KcZ9wpvF3P6PEL9vOrlyZymRqJr/\r\ntQ8sfpz4K/TuyYYvqohU2wsP+I8jnLM8RhtoA14E9Dn7XahoZRJXtM0p8V2i\r\nXXIe9Q0K1idYFUVavoRCMvrRSjhNIAGu7e/3kY6FY/u8QqEz9peZurfpmrt1\r\nuoD2Ff7h9HPwhzmghghjauk8BAF2b0IwD9W7kGTnzlc3oPYiEC7acFPPFIHT\r\nXdLksfd5egAvrsJfoD3ikvEQt/qLwCc5K3TAWcrHYdgC7FW1qGF8J7XbRTM/\r\ncy0Gt+9czeN5ac3DxbgV0ipgiS0I0r1Df5HxlKEf8VUd4EPC00TW51wKDe9h\r\nQyBHY0pCctmfrG85DCOS8kzgVoC5rfwMaRgcn/BpPige9mqw52zgSEdJlHS0\r\n7/XpcNRTLPwAPGw1L0kE1/7noS+XNUCBWa46bB0f1KOY1n2EEGUZsYqIXZiy\r\nUKxmCycT0ZFXCKjR8GUtVw/EgQ5mTOk+Bb/gKIPEdNhU+hqQgZZVEzRdvxE1\r\n6PkLjEGL9X1xOBfvHIR30dAxYM4Q7aeFRGPL4D7n+57SOxXLoZeD5cFRHKvi\r\nnTh8FIKkN15uh5iiduf8cQhO03lxmNGAHCMWDLV03cDmSnnVAFx36RAIDPzk\r\neP7lJdobfKQk7dOv/YHKCxEx8Xfii2HFBiU=\r\n=vSrb\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_2.0.0-beta.28_1674726990539_0.40346603981725937"},"_hasShrinkwrap":false},"2.0.0-beta.29":{"name":"@spaceone/design-system","version":"2.0.0-beta.29","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"types/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"reinstall":"rm -rf ./node_modules && npm install","build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:tsc:watch":"concurrently \"npm run build:watch\" \"npm run tsc:watch\"","tsc:watch":"tsc-watch --compiler vue-tsc/bin/vue-tsc.js -p tsconfig.build.json --silent --onCompilationComplete \"tsc-alias -w -p tsconfig.build.json\"","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node scripts/lottie.js","css":"node scripts/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test:unit":"vitest run","test:unit:watch":"vitest watch --ui","test:coverage":"vitest run --coverage","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"5.10.0","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vitest/ui":"^0.26.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","concurrently":"^7.6.0","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.9.6","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","tsc-watch":"^6.0.0","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vitest":"^0.26.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 16.13.2","npm":">= 8.1.2"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jenny Kim @dsict","email":"kja0717@gmail.com"},{"name":"Wanjin Noh @WANZARGEN","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee @siyeons","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu @yuda110","email":"yuda@gmail.com"},{"name":"Songyi Kim @song2kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin @wesky93","email":"wesky93@gmail.com"},{"name":"HeeYoung Anna Lee @heeyoung1332"},{"name":"Heeyeon Kang @h22y25n"},{"name":"Sungmo Jung @sulmoJ"},{"name":"Minseo Lee @minseolee"},{"name":"Yongtae Park @piggggggggy"},{"name":"Lee Jeong Min @danmin20"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"b5f9d4ea0ed540e60961d8fc9f964cc4b19c2a65","_id":"@spaceone/design-system@2.0.0-beta.29","_nodeVersion":"16.19.0","_npmVersion":"8.14.0","dist":{"integrity":"sha512-kPPmdmC9qYIlxkxmQTk3G+I2DxqsrUuUqnYgNv0A38EbQH88Z43DzhZYXU3zQOQX9hlf98aLmjj8/CNzHP/8kQ==","shasum":"57048c3a288723bcdc3783071967ba81acc20b9a","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-2.0.0-beta.29.tgz","fileCount":1669,"unpackedSize":60149494,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCfbyY34i9BpG9TeTUlb2bSWDvoyIBPnJeNIq3cSn2QpwIhAMv2QHjaUPzXr2GPN0TMCXlW/PCEAWt8JTEUOu1i1KE3"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj0lBzACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrxzg//bUklJ9wpdfy2/0VANubKTIDB1Fm8FlNLoH8C7Oqf1dnOICrl\r\n516IMigBkN3vinJyI01I+kw26xibLJ2V2Vx/hQxchFW/yjoawCksOv3QGXPU\r\nMMQhA3WBcJETjN0n7NhzgjJzRYtBWzuKegFcnevS7F+wW3B2RIaMgPSlwn8u\r\nz5bxs08Cn0e7Zx7pdkL9hPKSPg+GKNgWAV8WsJnKpbUTSRaibB9G5XU76YPn\r\nURr218/ji+/kZLlIxS6kdp/OsFbh42g2cN4uLvBxPKt3Nn4ZPeJ7gPzY00nH\r\nwqqjfu7boyTKZvuj1rPhYyRWI3Ssqr/Tsn/3sAEZBelsbahG6eRYjyhT0QwL\r\n8ArPzoY2ct61FSdY9On3L2UJPrLMS5Dxq0IncI68INH3ovQUgI833CNsZ/F2\r\nM7TQUkXIHsCTsiXZ5JTVgB2gYrNdt5i1Em/eCqxpR6LDyLWj0RP8vDhxWZdP\r\n7nA8oKcHglt0oobsU2aIYpeaQriBbsPiSQ+6/eXH62eCfsjpxnswQcT89i4M\r\n8pGJoBfgbAirLB/mAoVEX0Jf7DUvvedmcVml+u5FHxAbG0+zytvVEJvEZEzE\r\nOpH4L1vqjovF8oq/izLSBWQBD8owiH5rbtaRvy1r6X3broO68PBCltlsB/Fc\r\nSZW5Q/wmI8iR28xw1Pfg9Syx4Ea2op9OF38=\r\n=ztxg\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_2.0.0-beta.29_1674727539316_0.1284366866779254"},"_hasShrinkwrap":false},"2.0.0-beta.30":{"name":"@spaceone/design-system","version":"2.0.0-beta.30","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"types/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"reinstall":"rm -rf ./node_modules && npm install","build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:tsc:watch":"concurrently \"npm run build:watch\" \"npm run tsc:watch\"","tsc:watch":"tsc-watch --compiler vue-tsc/bin/vue-tsc.js -p tsconfig.build.json --silent --onCompilationComplete \"tsc-alias -w -p tsconfig.build.json\"","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node scripts/lottie.js","css":"node scripts/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test:unit":"vitest run","test:unit:watch":"vitest watch --ui","test:coverage":"vitest run --coverage","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"5.10.0","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vitest/ui":"^0.26.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","concurrently":"^7.6.0","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.9.6","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","tsc-watch":"^6.0.0","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vitest":"^0.26.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 16.13.2","npm":">= 8.1.2"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jenny Kim @dsict","email":"kja0717@gmail.com"},{"name":"Wanjin Noh @WANZARGEN","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee @siyeons","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu @yuda110","email":"yuda@gmail.com"},{"name":"Songyi Kim @song2kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin @wesky93","email":"wesky93@gmail.com"},{"name":"HeeYoung Anna Lee @heeyoung1332"},{"name":"Heeyeon Kang @h22y25n"},{"name":"Sungmo Jung @sulmoJ"},{"name":"Minseo Lee @minseolee"},{"name":"Yongtae Park @piggggggggy"},{"name":"Lee Jeong Min @danmin20"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"394f945f1951c016ef20c1bbcf457c42539f1f15","_id":"@spaceone/design-system@2.0.0-beta.30","_nodeVersion":"16.19.0","_npmVersion":"8.14.0","dist":{"integrity":"sha512-bujidnu5cqWoINz+IjwCbC2piQCQrDSUjHWcciluxQ2SY2WmauYLP8ojLkyLDt4m7M3nTiTwz3ZXmf10Gt8pcA==","shasum":"08260369f719d7bb971bcb74608c139f54051de5","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-2.0.0-beta.30.tgz","fileCount":1669,"unpackedSize":60150299,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDVB5svRgU2guQrwZOsNuhxWTCBf2W4FQoYUP4bHx3+6QIgOzZQD5E9VBUpY3oJFrNrWO9MNlC6T/YpyPGpPZt4m8g="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj0zJSACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpFrg/+LDAaOyGrhYJb0hTA0xLIxj/bAVCUEaHbff1FzxaQBDucHdQ8\r\neGodwicMLGasDCfWa7M31jSfUi4L2sicCpt8Nn/r7KCuzZBcIepl/3Eype+7\r\n6nCbDIKY/u4316kRb040/k05WEYRDAOSZGE3UXYxA4zzm+8L31pyFP9U+0aU\r\nAppQscMUgOME5Uglmz5bzV2pJPyTP174VCf9VgY8m1MtRlC9QIQo1ky6OkM/\r\nRNkrtn/3f4y0/nASXz95xtWTcA02icEim2KpSGDPrBJulZs6baYaxVGndnHb\r\nISdWQA/0pOXUZv2Dr+9VnOQvUYjeYsJcjWDXrAZfeAWuYHxeWB+144dB5VpH\r\nmIWRgRzHkLJBOEw6iTVLhCwQpyqF8FIy1DhOwRaEFObgCYHhx7KTz/QArT9K\r\nf0/bhJeTcffjJTQnlJhke1hmi0YJ7RkQFsas/fRvSTeTHxmTOh7R8s/UOj/o\r\n/yjdqODEwCl3O0QzvwE9YUxqG+/Is8G+7A1nrO7rQTpaJFmU/P2RxDSrNyRl\r\n1Dj6VEyU6o75y3ilhx9dlFXrlx97+WJj+Wx889NQ9hdN2nvd50Gi7QEmtEin\r\navSRhqmLCbRrPd0DFV0uEt+TtJ6CZRzGh15Cl+VG/wZKJIft2yzORcNug1L0\r\nJkhDT12lKqtIRGTuFmiBFIV2DZ3JeK+1zdY=\r\n=ZV1p\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_2.0.0-beta.30_1674785361762_0.8671418973712472"},"_hasShrinkwrap":false},"2.0.0-beta.31":{"name":"@spaceone/design-system","version":"2.0.0-beta.31","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"types/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"reinstall":"rm -rf ./node_modules && npm install","build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:tsc:watch":"concurrently \"npm run build:watch\" \"npm run tsc:watch\"","tsc:watch":"tsc-watch --compiler vue-tsc/bin/vue-tsc.js -p tsconfig.build.json --silent --onCompilationComplete \"tsc-alias -w -p tsconfig.build.json\"","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node scripts/lottie.js","css":"node scripts/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test:unit":"vitest run","test:unit:watch":"vitest watch --ui","test:coverage":"vitest run --coverage","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"5.10.0","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vitest/ui":"^0.26.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","concurrently":"^7.6.0","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.9.6","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","tsc-watch":"^6.0.0","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vitest":"^0.26.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 16.13.2","npm":">= 8.1.2"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jenny Kim @dsict","email":"kja0717@gmail.com"},{"name":"Wanjin Noh @WANZARGEN","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee @siyeons","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu @yuda110","email":"yuda@gmail.com"},{"name":"Songyi Kim @song2kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin @wesky93","email":"wesky93@gmail.com"},{"name":"HeeYoung Anna Lee @heeyoung1332"},{"name":"Heeyeon Kang @h22y25n"},{"name":"Sungmo Jung @sulmoJ"},{"name":"Minseo Lee @minseolee"},{"name":"Yongtae Park @piggggggggy"},{"name":"Lee Jeong Min @danmin20"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"e22bd86cd0f9231ad9dda626517e1862cac693ec","_id":"@spaceone/design-system@2.0.0-beta.31","_nodeVersion":"16.19.0","_npmVersion":"8.14.0","dist":{"integrity":"sha512-EtD28ub7ujsvqa0Yg64C52qGo3ZRZJNpt203yoypSGrgle8K6HPOZwDj5JIv3COBImc7TYI2Ux00aWj6lRr9Gw==","shasum":"5db01ee2a75d9ca8b051956029809564bf53e625","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-2.0.0-beta.31.tgz","fileCount":1669,"unpackedSize":60150306,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDyqL+99vNUk68iqOSuR8eZ1G88U99FrBovNSZcQbBmuAiBy2Xjw5IRSgrmhg2qJXb9Q28rIBiel0TJDFCx16XGggA=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj03gLACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqyWA/9E+Xqv12TcNsDrazNjr+f7KD+NUtqBm8Yung5L/32m/uHVWbJ\r\n9WZ3/RrUiZB3MF/tvjPi4+57uc9MrrsKi7h3T9SjZiOqCpKeE+5BgWsa+wEa\r\n9dFDWUHSAryqZ+INaK0ISYqc38KkDyH5K7aXjbWR38PEecdBfApB3+h5dfKf\r\ngTIyDulaaZyZ/HBVQTR3P0IrPgMQPZ1wuRRi6XRlfP1pO1p9JOtT3pOp+DgT\r\nZtK9Xn99K/QZOEUeq0ArU5ZJS9rkvK8h74sNRzBIJoKIfTZU5YKLJupwbyaM\r\nWyBMU6q3xVV9RtIdMM+Gb/V42ZHbefBQyhS8gDQM8Rgt3MyZmlo0mO4otz/X\r\nEcLx5EYQSRi6Rc/po9pjHoMbLfZGW37eOIb+BjoHEC8WBaF55uukW/OQ0ecP\r\nA0VwsvlXtmI+Xut4Q8j8jztrtU7y9BgKpa9aF/P4mDqpX2w47fQF6lczZnNm\r\nWE2XSJwWeU4Ft6ojLLZ/cVYCrOcKezsXnyEPf7Dftk5Qbr/dOF15Nf3SiBn+\r\nnJlWfI7LNTAVWAbxXhnJlEPH+ezC+gucj84/ai1OOaQe01mlTTBcFqTNLcc5\r\nCxelbMJEdRc0b9QO1XAccfOscWCddePYVQwkQYC7xWjBPhBo1XKmltJm51Iy\r\nGugHMtz2SXIU6chmDSXU5+YECCI366lOo48=\r\n=DQYo\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_2.0.0-beta.31_1674803211181_0.7327932198357838"},"_hasShrinkwrap":false},"2.0.0-beta.32":{"name":"@spaceone/design-system","version":"2.0.0-beta.32","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"types/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"reinstall":"rm -rf ./node_modules && npm install","build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:tsc:watch":"concurrently \"npm run build:watch\" \"npm run tsc:watch\"","tsc:watch":"tsc-watch --compiler vue-tsc/bin/vue-tsc.js -p tsconfig.build.json --silent --onCompilationComplete \"tsc-alias -w -p tsconfig.build.json\"","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node scripts/lottie.js","css":"node scripts/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test:unit":"vitest run","test:unit:watch":"vitest watch --ui","test:coverage":"vitest run --coverage","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"5.10.0","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vitest/ui":"^0.26.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","concurrently":"^7.6.0","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.9.6","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","tsc-watch":"^6.0.0","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vitest":"^0.26.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 16.13.2","npm":">= 8.1.2"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jenny Kim @dsict","email":"kja0717@gmail.com"},{"name":"Wanjin Noh @WANZARGEN","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee @siyeons","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu @yuda110","email":"yuda@gmail.com"},{"name":"Songyi Kim @song2kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin @wesky93","email":"wesky93@gmail.com"},{"name":"HeeYoung Anna Lee @heeyoung1332"},{"name":"Heeyeon Kang @h22y25n"},{"name":"Sungmo Jung @sulmoJ"},{"name":"Minseo Lee @minseolee"},{"name":"Yongtae Park @piggggggggy"},{"name":"Lee Jeong Min @danmin20"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"c665864cd0310d3a4569deda3b8c8b9b79b94f3e","_id":"@spaceone/design-system@2.0.0-beta.32","_nodeVersion":"16.19.0","_npmVersion":"8.14.0","dist":{"integrity":"sha512-Qwmcgth3OZyClINGH3GcRv0iQr9Xp9MppuEkmOPVq1/CRZInws4bfG5gGos39Mu8kzrUAisXN59Ocp8JbxDkKw==","shasum":"61bc7dd549acc84600689f1bed212538f875ba1d","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-2.0.0-beta.32.tgz","fileCount":1669,"unpackedSize":60150951,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDBXcQdtijQA/0lZLjLT6bdUz7WYPP27EuYsgZC4IwF4wIgd2wPbGl6NdHAAmluuk+nDM3Orb/Gb0cbcnP26RoLXIc="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj13lTACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmobfw/9F6ckTjCOYYcMixWYhf4d7CbDZ4oYqOvnt3AleYIsD+ZDvrZF\r\nVZCY0c4LzTeKpBCnHYFJb3vTJnILBUQMQQyRD01xN0Jtu2VvsMIzJT8TINX3\r\nOwCfAyDPrU2yIVk/tf9qVrmttN153j40UJWZc0peKYjEEPiBmHDiU6/pAh54\r\nSomzXPXp2KW+/cvI0IWv4yL7PJ/5pqkctLUDtcjJoFB9O96FImb91CKdoh1T\r\nRSPnuxJwAFItO4cGuvWydunJvlxSlun3Race5QVAXyARh1vmdMbQs+6/Zed5\r\njvXovQSA9UT4rRnu0Q7rjtvF6RjIzhNIbiT2iCb+RaOdLPtk68ShViAaz23e\r\nRs7AoGTzVXaC+Ml+ktkl7IAxo8tmWNjGATbBuNR2RJwM7AnPe5t2a9Nj5k6p\r\nxQGKpxgEmRj6V3YIkcqCemg3nGLSqYIhUsMNYZifsC9EA+JFZCmpEm9VDL/E\r\nwK8EOJSmYTOFUafjK4ajX8BhaRlg3GaZGOQPperSa5utfNVT7sk8W35hClas\r\nQuf2I9GIdpAgltDBP4EHKlnh1/ZpiJ56h8nN6SaaivA2GPvelLbhbyXKposE\r\nmvRBxzbWhS2YBeWBp0ZL47X0ia/E9wB9XfS2f4EbfCSlHUhRqg+jyG8SsEdi\r\nXiElP/tNGwmdPTXqaN8BnIJzQ6KwEL7Hkzw=\r\n=mxTq\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_2.0.0-beta.32_1675065682546_0.8464261030422386"},"_hasShrinkwrap":false},"2.0.0-beta.33":{"name":"@spaceone/design-system","version":"2.0.0-beta.33","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"types/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"reinstall":"rm -rf ./node_modules && npm install","build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:tsc:watch":"concurrently \"npm run build:watch\" \"npm run tsc:watch\"","tsc:watch":"tsc-watch --compiler vue-tsc/bin/vue-tsc.js -p tsconfig.build.json --silent --onCompilationComplete \"tsc-alias -w -p tsconfig.build.json\"","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node scripts/lottie.js","css":"node scripts/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test:unit":"vitest run","test:unit:watch":"vitest watch --ui","test:coverage":"vitest run --coverage","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"5.10.0","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vitest/ui":"^0.26.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","concurrently":"^7.6.0","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.9.6","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","tsc-watch":"^6.0.0","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vitest":"^0.26.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 16.13.2","npm":">= 8.1.2"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jenny Kim @dsict","email":"kja0717@gmail.com"},{"name":"Wanjin Noh @WANZARGEN","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee @siyeons","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu @yuda110","email":"yuda@gmail.com"},{"name":"Songyi Kim @song2kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin @wesky93","email":"wesky93@gmail.com"},{"name":"HeeYoung Anna Lee @heeyoung1332"},{"name":"Heeyeon Kang @h22y25n"},{"name":"Sungmo Jung @sulmoJ"},{"name":"Minseo Lee @minseolee"},{"name":"Yongtae Park @piggggggggy"},{"name":"Lee Jeong Min @danmin20"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"ad5f402b380716f022dfe33a09fd3e96880d3028","_id":"@spaceone/design-system@2.0.0-beta.33","_nodeVersion":"16.19.0","_npmVersion":"8.14.0","dist":{"integrity":"sha512-QM8Ws+21cfS/4u40KBk9LaYeTbh9ULgo/vIj5x6G1g0y8UhPH/o9dy94JG0Wr71aTijh+GzvcUDJa7Tl9AqPZQ==","shasum":"401ce20b29d8a4f2ac3bcb509cd262e6fcec6239","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-2.0.0-beta.33.tgz","fileCount":1669,"unpackedSize":60163347,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGXs4v2ectH0VqPZde86pRGZKdNEqdePsLfVCByjHnMsAiEAm8nVCds1UQwT2rnyxUv5Oa02REVC0bzD5wjbPBYyyJY="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj13zwACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp9yg//eSrd2AgZYMGpejQQKzDOqQImVTi77FNrwXJ63lnBy6wCXDk6\r\nttXtTSoXRwwoyY7UdKCFYEjzWfeFQjrbuUUlGim+g7tVCzgKY298zNNHlkRP\r\nadMsfUN8wes6SB3Bd0K4YnSIINs57W19Fvk/4oFRx1iyckbZVjNsQIMUmpwA\r\n/mgYH9sjOieYruSQapEmwjc0yO7eY3rD6g1ZX6eZ7sBLiyef1ZY3+mMdM9UQ\r\nKqsAsO3zh55xJCf+1BpuSvnw+4cWtVw6SnbyC+8vx4vmLUylPRr/68Ypg7G+\r\nXhF3RbLelW7Rq0QrET7iDwxd7Bky+81BYwkS+6i1p2th8D3PWYZWh9QbpHjh\r\n53HDCXlvV8AFZEGq9F9qSN48Utlvj6US5nVy6iHF9UWJ8oALXQ+IA4IbtV7f\r\n8tDEVx3ynlWWwoTHZPoQjWVgolow+wWvz0PrgK+g/wA36nMv+s6693KK1BsJ\r\nmDaQ/9LjVc3OCqlNkotE/nLni9Ru2CSD9wIa7FZnESVX45ZPv85JJVSrD8x0\r\nqcvmk9t1EVi6vbLUt3tuK7uH3/ppMllCGhgrqSZOG0nuw+1Xhwf9vDqZlgm7\r\ncBvjRRNjDGo3K+kWUC4uKQZj/tsN6KCEdpI1rpkbb69z1JndMg0nnC/9xJtF\r\nR50JBo8pmOq50cJh74V/JT3qt0Yl9k740eU=\r\n=Vb/1\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_2.0.0-beta.33_1675066607898_0.00016884272110662124"},"_hasShrinkwrap":false},"2.0.0-beta.34":{"name":"@spaceone/design-system","version":"2.0.0-beta.34","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"types/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"reinstall":"rm -rf ./node_modules && npm install","build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:tsc:watch":"concurrently \"npm run build:watch\" \"npm run tsc:watch\"","tsc:watch":"tsc-watch --compiler vue-tsc/bin/vue-tsc.js -p tsconfig.build.json --silent --onCompilationComplete \"tsc-alias -w -p tsconfig.build.json\"","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node scripts/lottie.js","css":"node scripts/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test:unit":"vitest run","test:unit:watch":"vitest watch --ui","test:coverage":"vitest run --coverage","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"5.10.0","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vitest/ui":"^0.26.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","concurrently":"^7.6.0","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.9.6","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","tsc-watch":"^6.0.0","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vitest":"^0.26.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 16.13.2","npm":">= 8.1.2"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jenny Kim @dsict","email":"kja0717@gmail.com"},{"name":"Wanjin Noh @WANZARGEN","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee @siyeons","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu @yuda110","email":"yuda@gmail.com"},{"name":"Songyi Kim @song2kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin @wesky93","email":"wesky93@gmail.com"},{"name":"HeeYoung Anna Lee @heeyoung1332"},{"name":"Heeyeon Kang @h22y25n"},{"name":"Sungmo Jung @sulmoJ"},{"name":"Minseo Lee @minseolee"},{"name":"Yongtae Park @piggggggggy"},{"name":"Lee Jeong Min @danmin20"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"ddd236c7d34581833c6a346f0929ec71517a063d","_id":"@spaceone/design-system@2.0.0-beta.34","_nodeVersion":"16.19.0","_npmVersion":"8.14.0","dist":{"integrity":"sha512-edx4QNSxIf6wQXNycblYKskSW10oNfDkMi50lwToJcuGC41yV0hPjy6Rnqj3ccKQT0Epyyt1DnnY5mIbeN2/yQ==","shasum":"86449c0cff4835343341a44c780532f16593fbc6","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-2.0.0-beta.34.tgz","fileCount":1669,"unpackedSize":60150409,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEwZpYec11c7jjokNPwyHLtroZjWktKYw0mcB3cMOQ+1AiAZZGH5rquhVRbO0BrQwDxEgF/fUsFQcLixp1B04SN8bQ=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj2hrAACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqffw/8DHfYjsDTcwd7IoqAQQHJNmzm72uq/0vG+kMxgdCxNXqgkQpc\r\nWuJmkhO6wl0KK5j5W79Z0f0j2AgUlvMZXA1f3JzNyNuZPyzoR+LkuPiujS6j\r\njnSIou2118TxPvmTtZmNevVvFgqzWs/NW83vEO1E9Hfb1HqLdBBDcGRKK+Gn\r\n4EdLZfhN8PbNyJzUb7JwmEo2bkQWpS5wiNl5swVwTuvYA3UBe3elKn2ihftX\r\nhCu9rLC/dlqs/vPtyVWk9AOssf9e47zFd3LYDaRIcJpicuSyOSf8lEeprLCs\r\nmqBdblr3twBnKtWlQD0TjRrqn0v+Nn9w4HDB8AN0LdG9NwMPVXZGu5pg9FPk\r\n5+hom7zPkPZceKIAZBBOciJcXn9xA0NSnvfL/mSinxz0Z5fcSFXVcWM6giKJ\r\nbRjw9e7NymTHMf9ZbbV7wjeP42FI3IXVHjQ+PPfdR+j4qECjK53F7xRa4ftC\r\nb8wcBUX6iNcv7K4AkUIsLLeNQV9IsZAPpiuolfnkCYeQUafzDPAhOjG4RVFJ\r\nFmq/pQKuCP2a37NXFG0f2VK4jjaSF+N3Ew0zCUIy1KrNVX17qsw5752qmnKG\r\neeBScENit1eC7AyU8KjSc90SYlk2mdqcsob3hLDKl9DvH/dcC6ErGN3hHWm3\r\nAVkXb/bWIX2qbBQD9VgGwoixlHNfR8j//6c=\r\n=HuHI\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_2.0.0-beta.34_1675238079602_0.06846970303837963"},"_hasShrinkwrap":false},"2.0.0-beta.35":{"name":"@spaceone/design-system","version":"2.0.0-beta.35","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"types/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"reinstall":"rm -rf ./node_modules && npm install","build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:tsc:watch":"concurrently \"npm run build:watch\" \"npm run tsc:watch\"","tsc:watch":"tsc-watch --compiler vue-tsc/bin/vue-tsc.js -p tsconfig.build.json --silent --onCompilationComplete \"tsc-alias -w -p tsconfig.build.json\"","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","css":"node scripts/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test:unit":"vitest run","test:unit:watch":"vitest watch --ui","test:coverage":"vitest run --coverage","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vitest/ui":"^0.26.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","concurrently":"^7.6.0","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.9.6","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","tsc-watch":"^6.0.0","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vitest":"^0.26.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 16.13.2","npm":">= 8.1.2"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jenny Kim @dsict","email":"kja0717@gmail.com"},{"name":"Wanjin Noh @WANZARGEN","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee @siyeons","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu @yuda110","email":"yuda@gmail.com"},{"name":"Songyi Kim @song2kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin @wesky93","email":"wesky93@gmail.com"},{"name":"HeeYoung Anna Lee @heeyoung1332"},{"name":"Heeyeon Kang @h22y25n"},{"name":"Sungmo Jung @sulmoJ"},{"name":"Minseo Lee @minseolee"},{"name":"Yongtae Park @piggggggggy"},{"name":"Lee Jeong Min @danmin20"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"be72488aecce01cea327c842dcf5dd713425d926","_id":"@spaceone/design-system@2.0.0-beta.35","_nodeVersion":"16.19.0","_npmVersion":"8.14.0","dist":{"integrity":"sha512-za0iXlX1t82Icy5CNhDUsWGOv3Yjh/fSXjTs/3MS1XZLLBw30Bb7DY5vk02TKEIpqrva9oEs7vSFE/vtYVRC8Q==","shasum":"5561e58defe92303410574ae715749067501aeee","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-2.0.0-beta.35.tgz","fileCount":1631,"unpackedSize":57321917,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCnxs83IVoH+eak2GCOQGUL5KJw4JcgnPY7l4Uh8dme+QIgLr03bM7RkSl8Lsluq9yMZUuOdTe+gbhJh2HniGlxgoo="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj2iyqACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpVjQ//W8uK7fgBsBGTbqCa7a9LbtwpjzpRfW55ToKZyV3dN434zvl+\r\ncrLBypmVGEG66eaw/xiVaelpFqerqr4yQVRLjVnQRH03ge/I0Hq4xkk0uoU+\r\nXtmJau55MTIs8vB/rrTOJRjBn3VvQo/T4ADsTX9tOWR8TaQR+I4d9dLA/wax\r\nfxvMEWR/lmPgARWnb89f33LyZk4/DCPFSMHCbWG4Vwnm3PupRFZS7hXanIw1\r\nz2IUUYpRgaTbOZlxhsNFYdEDKt8w8Y0+pLpi5wf4F06WC9V8wwGyiRrk9VyW\r\nPPfSfTxYwWlmz5mnD7qKN5tj9B5/Prz8RnjMTGfmBWPrZUE8pskWYpwtkFKw\r\n4B6suwkuNcqbRVfMaaxoQFv+b+YkLVxdcOMLaiTwEp2OpFjZS2pA2gkL3/P2\r\n0HLVkKc6MkjNZkzqxuVTHcsG0DPrEI9fOBtbOj5fALWpTAW/xBAyGftg2XG6\r\nWxkRpSjX4cT9bWWukF8TyvoxxusUuIqF0jpO3Vf0ji/K5mfiFChmwx0SLezZ\r\nBtCxT1zvaVFoGaPQ3GzeIbFEy9gJ+fyJKlGOnT4VdRpC7i+Aee2HQQquGlYa\r\nmZX56rk2eCSLPpdIS/DutoAUFTWNif46V0BUqGi4m2YgwWpFGT/R8n/KDMX9\r\nP1Zesi9Jnx564raEN4K5a2YbmovLXBCx+rU=\r\n=a4ju\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_2.0.0-beta.35_1675242665782_0.25881902380338806"},"_hasShrinkwrap":false},"2.0.0-beta.36":{"name":"@spaceone/design-system","version":"2.0.0-beta.36","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"types/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"reinstall":"rm -rf ./node_modules && npm install","build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:tsc:watch":"concurrently \"npm run build:watch\" \"npm run tsc:watch\"","tsc:watch":"tsc-watch --compiler vue-tsc/bin/vue-tsc.js -p tsconfig.build.json --silent --onCompilationComplete \"tsc-alias -w -p tsconfig.build.json\"","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","css":"node scripts/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test:unit":"vitest run","test:unit:watch":"vitest watch --ui","test:coverage":"vitest run --coverage","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vitest/ui":"^0.26.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","concurrently":"^7.6.0","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.9.6","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","tsc-watch":"^6.0.0","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vitest":"^0.26.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 16.13.2","npm":">= 8.1.2"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jenny Kim @dsict","email":"kja0717@gmail.com"},{"name":"Wanjin Noh @WANZARGEN","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee @siyeons","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu @yuda110","email":"yuda@gmail.com"},{"name":"Songyi Kim @song2kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin @wesky93","email":"wesky93@gmail.com"},{"name":"HeeYoung Anna Lee @heeyoung1332"},{"name":"Heeyeon Kang @h22y25n"},{"name":"Sungmo Jung @sulmoJ"},{"name":"Minseo Lee @minseolee"},{"name":"Yongtae Park @piggggggggy"},{"name":"Lee Jeong Min @danmin20"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"e9174fa49a88f088eb98dd7590941a8adc17b8cc","_id":"@spaceone/design-system@2.0.0-beta.36","_nodeVersion":"16.19.0","_npmVersion":"8.14.0","dist":{"integrity":"sha512-A4ZaI54QiAlRYs/o+1tWqZz21I4sxTFU7O6XoPNt9ViDwsyBzNGedF2jSXzHblTXC1s1lA4O5as9l+KEbGQeBw==","shasum":"acc60f8e9b631acf2d676b9d1076841cdbf882c7","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-2.0.0-beta.36.tgz","fileCount":1624,"unpackedSize":56803136,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCID0vXWzGqkG844dnEhTfBYPQMCtsPCFAU/HbSM/YkLkJAiEAnq8oB1Gv3U7NL9v2bPST0ERft5KrKpCjS2wxJLN3KBw="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj4a8VACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpecA//TW3+zRlAzUSwn1DOzfsNTl7jQCqjEMxU8LARga8TkQKUJhuK\r\nLnJPJiMPrEMCfMGmEp/Zg4c3u0xjQMX3dwxKbH6NKBvnOzGV1CybK3rhAp6V\r\nvIACFCQam+gQDIQJD+8xwBcAHsSqKlCUwjAs401u9Z+AtNnnF6vb1lAD4OKp\r\nqVXKKOwOlocEmQ8BzdrDbqgBQ+mE37MForvjHfLL4uHyKu0/ZcH+RWMR7PFn\r\nvir9rhIgzztIUlYsbqP0wIeFVMq6yTYwuSzplyosZe8aAGsB0hRkrOHMxhxq\r\nQFmeIrP81z+Omhmej8BqUX2DKMFqm8BRs+H79Wwk9h6u4VztxDKutyIlIHnZ\r\ntxVNeUQtUPSIQ20i3UoxT0F44cI5ivTBoXD2JdbL/hAtRW0Epbs8kDY9SkMK\r\nup5/cnZtcUQB3UIeaA4YyyC/SihiNspdAaaKDQlt4y7gieE71Niqz97DL399\r\nj5hfrOa0ki+ClIPiZbTlRMI3QCWm1sJCQCJO2UEoUGk4C+8NP+HpIbzAXNrH\r\nCoxG6jOxYSq5hPrTjMXFAXtaAbF6clL6jmqIWoHt+XKzHqz7ViPKrHAnsi1G\r\nybsGtdWyXAPs8X2AoNio3KdKo5W4hoI/wj6lk3buCTxv1jKnmRPcg1Tzz3c2\r\nWxloJ+XM+ULRoKi+/WnR661Bg4ApCmxBeUs=\r\n=+5eI\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_2.0.0-beta.36_1675734804845_0.7209137110406685"},"_hasShrinkwrap":false},"2.0.0-beta.37":{"name":"@spaceone/design-system","version":"2.0.0-beta.37","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"types/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"reinstall":"rm -rf ./node_modules && npm install","build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:tsc:watch":"concurrently \"npm run build:watch\" \"npm run tsc:watch\"","tsc:watch":"tsc-watch --compiler vue-tsc/bin/vue-tsc.js -p tsconfig.build.json --silent --onCompilationComplete \"tsc-alias -w -p tsconfig.build.json\"","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","css":"node scripts/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test:unit":"vitest run","test:unit:watch":"vitest watch --ui","test:coverage":"vitest run --coverage","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vitest/ui":"^0.26.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","concurrently":"^7.6.0","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.9.6","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","tsc-watch":"^6.0.0","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vitest":"^0.26.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 16.13.2","npm":">= 8.1.2"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jenny Kim @dsict","email":"kja0717@gmail.com"},{"name":"Wanjin Noh @WANZARGEN","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee @siyeons","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu @yuda110","email":"yuda@gmail.com"},{"name":"Songyi Kim @song2kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin @wesky93","email":"wesky93@gmail.com"},{"name":"HeeYoung Anna Lee @heeyoung1332"},{"name":"Heeyeon Kang @h22y25n"},{"name":"Sungmo Jung @sulmoJ"},{"name":"Minseo Lee @minseolee"},{"name":"Yongtae Park @piggggggggy"},{"name":"Lee Jeong Min @danmin20"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"de0c5f8ec1dee047f208f228bd1ffaebdf28012f","_id":"@spaceone/design-system@2.0.0-beta.37","_nodeVersion":"16.19.0","_npmVersion":"8.14.0","dist":{"integrity":"sha512-1quWodGgRAbMmHLjqFFfjKFMOBYVfDa+N/FEdbDjU9nWPyCgc4r7AgEhnO2n+SZIXY1wi7Z1td4o3q6QcRlNNg==","shasum":"729f26972da8d5a456da7a84ddf5dbab3d0593fc","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-2.0.0-beta.37.tgz","fileCount":1623,"unpackedSize":56808112,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDCUxEQSOZA5OqW+AuJjHGHsknTor8k/SVpGqawmK7AsgIhAP1AUWMrtvkGzigSYEKYaiTRVb+su5ihYqU/asdPMgwq"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj4bKnACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmocFw/9Gw5WQ8VBSNyMGqefoOrjLSUTbHD9H+dfqSq4DEE3xx8F0poZ\r\nvSms+jQTDnnTq/uxhdOtgzbKdwpL6F0GRx8J0X9/Q9GU95ynoANeFYGC5OQg\r\npbppfNwjsTAM7JzdVf5aFX8i62+CNRLyCQGhnPCjbadHEmV/450gNXOTdQz6\r\n4SCUAUvnas6TmpsaIYUiVvHq7S4CqxQ8mszH39nR0tmvTHlzdUVhbt4JR1pq\r\nR0k5446LzDSDPZS6DaGIHYbFOHvKJSM+kKl8IRPW0QWXhGMZX/H2MSboXjoE\r\n7ppwC+XjC4D52pWovy4qtxcF1GEZ6SF4DOdr8xwliQDID7HcmnhrSvZBA13G\r\nPawEGuKCG+qXXf4YsyVyB2BvjchNamg1jhYc0NflVocO941SnDf0ehK/NdQT\r\njCpO/Qq0jW7+c4ZNX0A0cr/gXDfOfiyO9ML2NgC2zUaFPeeeZrS9Ivd7F8uC\r\nzhv2WBpF+qq0cYUTiluz4oyzHm+OfBtNruPUDf/YCXUcBk7xIhDauy3R5UAT\r\nQKk/lnhmnSFJ8cvGvyCLsd52qKd/9riU7Xq5mmpwiKoVTCcD+MBAQqS7twFS\r\n1r3ImcY/DPLpn0gSHeV86gDdoRk2ZvQJVdlyhSkdCL5zc63hAH8IQO2OZWih\r\n/A8h/dY+NZVZLg6vJt98qe6/kKiffdaFRzM=\r\n=Qevu\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_2.0.0-beta.37_1675735719219_0.26332690045339713"},"_hasShrinkwrap":false},"2.0.0-beta.38":{"name":"@spaceone/design-system","version":"2.0.0-beta.38","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"types/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"reinstall":"rm -rf ./node_modules && npm install","build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:tsc:watch":"concurrently \"npm run build:watch\" \"npm run tsc:watch\"","tsc:watch":"tsc-watch --compiler vue-tsc/bin/vue-tsc.js -p tsconfig.build.json --silent --onCompilationComplete \"tsc-alias -w -p tsconfig.build.json\"","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","css":"node scripts/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test:unit":"vitest run","test:unit:watch":"vitest watch --ui","test:coverage":"vitest run --coverage","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vitest/ui":"^0.26.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","concurrently":"^7.6.0","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.9.6","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","tsc-watch":"^6.0.0","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vitest":"^0.26.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 16.13.2","npm":">= 8.1.2"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jenny Kim @dsict","email":"kja0717@gmail.com"},{"name":"Wanjin Noh @WANZARGEN","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee @siyeons","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu @yuda110","email":"yuda@gmail.com"},{"name":"Songyi Kim @song2kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin @wesky93","email":"wesky93@gmail.com"},{"name":"HeeYoung Anna Lee @heeyoung1332"},{"name":"Heeyeon Kang @h22y25n"},{"name":"Sungmo Jung @sulmoJ"},{"name":"Minseo Lee @minseolee"},{"name":"Yongtae Park @piggggggggy"},{"name":"Lee Jeong Min @danmin20"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"b4d8620cab40e81b91745663e6ffe31be46f37ea","_id":"@spaceone/design-system@2.0.0-beta.38","_nodeVersion":"16.19.0","_npmVersion":"8.14.0","dist":{"integrity":"sha512-P+RfH+rLd0ifFutWbwt0pbCetpYnXTZpE5rn9nYjrjN2a4u66lTSUvHPb7CQeCN7SvqHczait+NLgzaV1zJJwA==","shasum":"25a6a2213d0c59e12b0d9bd9ff0fd0e0d53505ac","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-2.0.0-beta.38.tgz","fileCount":1623,"unpackedSize":56808112,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDG47w3VVpxEffry+8PfBz+56SkaLBvlDmc8vPJnPKj0AIgFOQR8EZJb2XbJgnOwpy7NH3cU7+Te2DYutCkvHWbPLM="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj4dRwACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrEQhAAoYB53M58Tv22fBUbOojCqsIWw5/5bQGJs33N0n0GtngRoDch\r\nUFcWfeoOTzVGe6buuSEDBxDVTwW+kpIzknEJayRToe6kax63n+l0NUH6Escc\r\nc8VAXVmTgCt0HIFIqDH344nlq6sUNTzOjVvtNPCsII13ttKRs3gKE8YTTGJh\r\nIKxL44UuTck1dV08oEk8TFvlUh5WJBT4LsYsTc32dfpeDtNH1PGzNiaSeSwa\r\nw1rkVVCMtAyuWZD0KhnRY9YGLd8XxVM51XRXHsGcp6m1S/DWi2M6gpuB7D4z\r\nnSeaJkfgFpJV27N9Vmzxcic7FzF2A4UluLW4Gsk3weuBXSRparbi38UMoMeP\r\nhFD0TdGqBad+bVShJaT0Z/xvFT4PzpbAlvBhV2t5srFnZaHG6Kr0ZyCnIQSr\r\nNgCXqk2HZYCclsyckMaVLH8U1GsS+ddHOmEI2Fef0ZhIzXb7UhM1H5njkMW5\r\nqqCrPybjX/hG3MdGU4f2SySUBOIFBM+P95rNqR94RWYw5BAcdRqeWS5Ujj1f\r\n2hbkkWseYlwGbpOy8h5tWpBUPRf1ZxLYjlbXKhu/b/1MOAa6u3A4+XmKsz8I\r\nkkYvdtUpdCTYt+fw9z5FhoZiPhduyas9Ie+vEghzTvn6I3zky819c7L4TYqy\r\njyRxSwn9K1i/ysukyoxMd1aTsGl3MJrd/NM=\r\n=IMHh\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_2.0.0-beta.38_1675744367739_0.9767928029540489"},"_hasShrinkwrap":false},"2.0.0-beta.39":{"name":"@spaceone/design-system","version":"2.0.0-beta.39","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"types/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"reinstall":"rm -rf ./node_modules && npm install","build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:tsc:watch":"concurrently \"npm run build:watch\" \"npm run tsc:watch\"","tsc:watch":"tsc-watch --compiler vue-tsc/bin/vue-tsc.js -p tsconfig.build.json --silent --onCompilationComplete \"tsc-alias -w -p tsconfig.build.json\"","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","css":"node scripts/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test:unit":"vitest run","test:unit:watch":"vitest watch --ui","test:coverage":"vitest run --coverage","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vitest/ui":"^0.26.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","concurrently":"^7.6.0","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.9.6","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","tsc-watch":"^6.0.0","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vitest":"^0.26.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 16.13.2","npm":">= 8.1.2"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jenny Kim @dsict","email":"kja0717@gmail.com"},{"name":"Wanjin Noh @WANZARGEN","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee @siyeons","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu @yuda110","email":"yuda@gmail.com"},{"name":"Songyi Kim @song2kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin @wesky93","email":"wesky93@gmail.com"},{"name":"HeeYoung Anna Lee @heeyoung1332"},{"name":"Heeyeon Kang @h22y25n"},{"name":"Sungmo Jung @sulmoJ"},{"name":"Minseo Lee @minseolee"},{"name":"Yongtae Park @piggggggggy"},{"name":"Lee Jeong Min @danmin20"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"804ba248f884f606d8b142a06614dc5809271b80","_id":"@spaceone/design-system@2.0.0-beta.39","_nodeVersion":"16.19.0","_npmVersion":"8.14.0","dist":{"integrity":"sha512-Vv9HuoLfaLoxf1OVEvEG9AQvNju1KyqwydpTt9VLMgETfRrwvTkps9OI4kyIC+cL1b+j/fIYe1ORL1rsYwSxTw==","shasum":"bc69ee6785447403e49bcf92cfdca50646c2739c","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-2.0.0-beta.39.tgz","fileCount":1623,"unpackedSize":56820154,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGtfK0myoggEM/s157gdu+kyDuXR5fDNb5g8MlTPgyLSAiEA/Co8A8aAcb2PkitGNygma8WuD66kMxYNs25umxxTZ7c="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj4erYACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpOjQ/8DS5tZ3CrbvVt/o34A94eMAXzLnmBKttIxjpvyaN0s0nbqLiZ\r\n5TWn9d54Sr29whsZhbvTzy+ZVrRzUeE81T+oZyv6rkWYTxSL5fwn9CLWOcla\r\nvye8qTpgJIwWolHAmlHQlUxiFCJdnmWzo5jdQmgb0cVdLEEfNxoOAkMB+COB\r\n8KGDAupfAXHpZwGI120dd5crMRcqAF+UwNbLGTyMuLVsnGDJ5fAjREtGXLyL\r\nqACwW7Y9/KUuhlUyfaqKu7UJuieoGiclel0Mt7zPZSS4BnMCyYL/J926Bq8y\r\nXBc8M+Rir7PiQbEfSTUbxougzPl4Yzyb5bD4Y0F6nLHWRs8WQKUB4mFq9C2G\r\naNsrUnQtpjt2tTbDsm7Pud5z/0iSPXYT+nUn0KYkBMZLX8OOOE1QSWTsC2Oh\r\nOThSZmz/O3p5qdLLtqgqjNF4ZfIKWatknEX09+KZAQlnKjJ1j+RthJ0BiImD\r\nQ2aohpOyRwdckxwprDiKHVrup6H4kY/TyPQxXryPT2csqBv1cAmicDsEJn1B\r\nY5VHsFzxtAb3f84QdsfWsNSj+VnR20NHFsJ1tQ+ouykClBIDgd7jTOeSwpJj\r\nXjOEbI9OXBYxOM6uRL7s6XBkDB2AW3h8ds80b5iSSQkgpxNYGP7kvHySTGa6\r\nKsiZLorELIh7jX5cr8TpsQ49uBIVd80Oezs=\r\n=FH/b\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_2.0.0-beta.39_1675750103902_0.2462170985858363"},"_hasShrinkwrap":false},"2.0.0-console-release-1.11.0.1":{"name":"@spaceone/design-system","version":"2.0.0-console-release-1.11.0.1","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"types/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"reinstall":"rm -rf ./node_modules && npm install","build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:tsc:watch":"concurrently \"npm run build:watch\" \"npm run tsc:watch\"","tsc:watch":"tsc-watch --compiler vue-tsc/bin/vue-tsc.js -p tsconfig.build.json --silent --onCompilationComplete \"tsc-alias -w -p tsconfig.build.json\"","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node scripts/lottie.js","css":"node scripts/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test:unit":"vitest run","test:unit:watch":"vitest watch --ui","test:coverage":"vitest run --coverage","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"5.10.0","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vitest/ui":"^0.26.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","concurrently":"^7.6.0","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.9.6","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","tsc-watch":"^6.0.0","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vitest":"^0.26.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 16.13.2","npm":">= 8.1.2"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jenny Kim @dsict","email":"kja0717@gmail.com"},{"name":"Wanjin Noh @WANZARGEN","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee @siyeons","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu @yuda110","email":"yuda@gmail.com"},{"name":"Songyi Kim @song2kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin @wesky93","email":"wesky93@gmail.com"},{"name":"HeeYoung Anna Lee @heeyoung1332"},{"name":"Heeyeon Kang @h22y25n"},{"name":"Sungmo Jung @sulmoJ"},{"name":"Minseo Lee @minseolee"},{"name":"Yongtae Park @piggggggggy"},{"name":"Lee Jeong Min @danmin20"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"a062a7d67956e92d714945910290d54109e7bd4f","_id":"@spaceone/design-system@2.0.0-console-release-1.11.0.1","_nodeVersion":"16.19.0","_npmVersion":"8.14.0","dist":{"integrity":"sha512-1d62HO6Ilua5ZTLTzRP32a5Iscv0zyZhOsQw6yMUy7GgjrSMdQqMQC3ESNFkRwn5xsXAjGndPLlMhQ3+tyk6eg==","shasum":"f0a0e843560ab75fb80b73f74faadd6d07ea55a1","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-2.0.0-console-release-1.11.0.1.tgz","fileCount":1669,"unpackedSize":60151217,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCscN+jJcczJOkgSuUURO09DVNf7ofrjLzJf8KhY7yUbQIhAKer0/jBseirBakGsIpgu+JDwVuJ4uB5Z+B2vUxs/F3r"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj4fFSACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpizg/9EIz3UucAblH5YURul1ggYkGisCtMEau4gtLlTMqDTMLpBAjO\r\n/OXTd0T6MJWpVONF4QI+KQQDHmvdKsqK5yoiNNwx87PCkNDgnsq5WKGeSVcW\r\njm7RfD6xu+RkMMyU2QsIutVf8ZPTkYFXuMw1TKMdn7s1VTxJlVNnk0HXemT/\r\n6BEs1L0w5OAnkbPN43GltpAiiZuN24sxbaDeijZ3YIqESG5elqLVG/EvTjN3\r\n2K+/0MF72nA88iuZXFEB2TEn9VPljRGK9JW6eVWhgheFTHCjO5ZqMPXRhQe5\r\n4CSLI1iWhsbA81NIv3hBEjyEz3kn6RTD0YgwU4Va0WqVmW1NwmIjMU4Giaby\r\nmGyvGRvPujdV/S2HEGumjoZF0AvVSXCz95Pxb2TgDhEed4bPkw1u1YsRltC3\r\nCzYFkdvjxeEHGL3gz+ABLzQohuEzJRfQD0fn4xmWRyxwRbwV3EVh3F75PMwy\r\ndzWRjbwevJKtC7j/DvvKkXXtrbWFUlLxhgRQaJdimMWINL0kinT3Stj+JUBF\r\n9KCj06nhFbqlzPS4FD1nFh8nTsZVFt6NlPdhnJWyPbgt5pF9kMWvOPWwykGN\r\ni6DPqJ4dcuFqgaULlxIY0V6bIJqfv1GCKgXb0ga7eA9FLfUCSLAsN89I+Mqr\r\npJU9UvkfHHlOJGUY21WVUjc1uUL2UGuYyi0=\r\n=GyV+\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_2.0.0-console-release-1.11.0.1_1675751761563_0.1568228027349965"},"_hasShrinkwrap":false},"2.0.0-console-release-1.11.0.2":{"name":"@spaceone/design-system","version":"2.0.0-console-release-1.11.0.2","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"types/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"reinstall":"rm -rf ./node_modules && npm install","build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:tsc:watch":"concurrently \"npm run build:watch\" \"npm run tsc:watch\"","tsc:watch":"tsc-watch --compiler vue-tsc/bin/vue-tsc.js -p tsconfig.build.json --silent --onCompilationComplete \"tsc-alias -w -p tsconfig.build.json\"","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node scripts/lottie.js","css":"node scripts/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test:unit":"vitest run","test:unit:watch":"vitest watch --ui","test:coverage":"vitest run --coverage","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"5.10.0","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vitest/ui":"^0.26.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","concurrently":"^7.6.0","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.9.6","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","tsc-watch":"^6.0.0","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vitest":"^0.26.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 16.13.2","npm":">= 8.1.2"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jenny Kim @dsict","email":"kja0717@gmail.com"},{"name":"Wanjin Noh @WANZARGEN","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee @siyeons","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu @yuda110","email":"yuda@gmail.com"},{"name":"Songyi Kim @song2kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin @wesky93","email":"wesky93@gmail.com"},{"name":"HeeYoung Anna Lee @heeyoung1332"},{"name":"Heeyeon Kang @h22y25n"},{"name":"Sungmo Jung @sulmoJ"},{"name":"Minseo Lee @minseolee"},{"name":"Yongtae Park @piggggggggy"},{"name":"Lee Jeong Min @danmin20"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"dc1313e777d9f576c8fa103062f04170f9f132af","_id":"@spaceone/design-system@2.0.0-console-release-1.11.0.2","_nodeVersion":"16.19.0","_npmVersion":"8.14.0","dist":{"integrity":"sha512-RV2JsemdvWbUUxuuMC+81h7/NdB8avWjDudf0jWVDvtA29r8A51SPYMKv3zxyNhnOvhY0QxUHA0XZ9BPYyLMyg==","shasum":"10e591f3b7838a63c9fe17211e3e61934261f9e7","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-2.0.0-console-release-1.11.0.2.tgz","fileCount":1669,"unpackedSize":60151217,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCm2gQ+jOpccfmY9TrwK4IAnwQlp6JI668kcoNykzQitwIhAIgctnCR7Bb3kSwCRtfVkBBHbACg18yrpp6+J9sVU2U9"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj4ftYACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpjdg/9F+P73hDFtoK+gIlAkDuOzOY+QA6whfhLJ1QZpSbR05KyncG9\r\nNzq1Pjc50kpCX5kxAFPNxKjEjFZEpdYQan5uHf9SPWJUriijgEJVnvk1gxrB\r\nDTWxKKDMk0AXJ3APHXdYlySbHauVVCr04KrBeHz8nfuYgB1bgLHlwn5yLCqV\r\n7w9DAVWJgSdlLWriorqN7ZBeLqizCW0+5soltQ5phTg9YOY1vUdVNFEk3ZaY\r\nq3TQE5Y7dKDhIg4eCXtga/tUE5QbSkFTcFXkQjsO7v6E/Syw4SicJUdHuFk9\r\nJxyd+sKX70gViF9LlgQPrZ53tVTf0BSvr6ubmMnV+2k9kGgRqF7VvfFA6wB9\r\n1uUjBaZcMkcvj3roz0qqM9dQu2XDS3jLmnR83fa469F/kbBKpMCmDbLxmHSH\r\nsHRExwtdYPOWLRIgjciBW7guLGD0AIUYRXfg7oleCkj9kc82SerbpHLv4p5c\r\nVJ5YJ48IeDsV2UZERx26vLGpcfXOXNvtZ5byjoVl5wIYoNjLXPsJDiW7q2yl\r\nTmc6+xbRDCW6BPWDu1aq5zLmbiViAEMPRG48s2C0MskPdhYdlzPVl1bXlcm+\r\nJ7+Bz4D30z4VavWKYuFGFDtnUIJyiuzJcHi2SNqpNkej4okNLdWrkesl6IlB\r\nj1H7k6q5Yk7C13BBAWMfH/q4hYk1exCRRKk=\r\n=FOQm\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_2.0.0-console-release-1.11.0.2_1675754328084_0.5247215880229483"},"_hasShrinkwrap":false},"2.0.0-beta.40":{"name":"@spaceone/design-system","version":"2.0.0-beta.40","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"types/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"reinstall":"rm -rf ./node_modules && npm install","build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:tsc:watch":"concurrently \"npm run build:watch\" \"npm run tsc:watch\"","tsc:watch":"tsc-watch --compiler vue-tsc/bin/vue-tsc.js -p tsconfig.build.json --silent --onCompilationComplete \"tsc-alias -w -p tsconfig.build.json\"","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","css":"node scripts/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test:unit":"vitest run","test:unit:watch":"vitest watch --ui","test:coverage":"vitest run --coverage","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vitest/ui":"^0.26.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","concurrently":"^7.6.0","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.9.6","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","tsc-watch":"^6.0.0","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vitest":"^0.26.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 16.13.2","npm":">= 8.1.2"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jenny Kim @dsict","email":"kja0717@gmail.com"},{"name":"Wanjin Noh @WANZARGEN","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee @siyeons","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu @yuda110","email":"yuda@gmail.com"},{"name":"Songyi Kim @song2kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin @wesky93","email":"wesky93@gmail.com"},{"name":"HeeYoung Anna Lee @heeyoung1332"},{"name":"Heeyeon Kang @h22y25n"},{"name":"Sungmo Jung @sulmoJ"},{"name":"Minseo Lee @minseolee"},{"name":"Yongtae Park @piggggggggy"},{"name":"Lee Jeong Min @danmin20"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"fa4a2e1ad07b505ef56c3fe5bdd3b895b24eada6","_id":"@spaceone/design-system@2.0.0-beta.40","_nodeVersion":"16.19.0","_npmVersion":"8.14.0","dist":{"integrity":"sha512-i792RRk3+PW0GQtQMovjm2lLDHW6WxstGfQgWBkfMZFgiVk3IeArAuSHhwcQxZ9KGozBSjUxNQ++apypLent/w==","shasum":"2af78bedfbcfe286bcc8d9e2a3049dbd185331b6","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-2.0.0-beta.40.tgz","fileCount":1625,"unpackedSize":56806641,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC4pHbWihI8+nE9VU+UPbwdN7n3woBM+uOyis7LGHnykAIgB6qOCM3nk6u4gECLUXZMWloWsgxLOAi88KfaJfhgb34="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj4v8SACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq0pg//UqXlRg5d+pAS2uDjvOyF6qfO7zCNxNegpJvvhirlj5a2T0K+\r\nNifNBX5JVZ329xEJnQrVY/BqzZfxYH++7TNEwxeScooJL00EeebG+twQTnS8\r\n3RTGB0OYUe8Uc/oC/BLcZ089gZKZX/x0hJziumAqX/SZfVhPRp+nryxVQkyS\r\n/Bn0gY6yodVj0JIyTROBczHWgVldpC3Nrpc49bDwRG8QXdw90JGYSR2f1XZE\r\n/95Tv4jHOkreRB9kUQVeYWVikvsqpn8n6Q3VoUiZOKoe9jq+7Pd10NshFLTR\r\nz0oUCk98qDhOp2UVovCqhPd+/WV23hDNdJ1+Aa0Dzofqm077PWUNfPpy+iST\r\nQqAHbYfrmAtigvpb0wvkxb9RIRPdSqP3JkpFvj8qVycaO5+7TJu+hXXc/s8r\r\nkKd01toqwx3shx8HW7M2I0E5dvTmtSpluxtOiwwdBSZbIVEYHASy5E60hbRK\r\n/IAXttPRDYdUTydpiqq4ojy/5+6+5NElSCf2T0St0Dm1XDDVHh/qc3+ucukI\r\nmcwcsFUFpHPLcnN7xlE/PSJ1d8UoKRyOZ5eVWkmLk+4ZNUWkJsCboMEejT2A\r\nW8WrSTGdgU0iVYlDb3BAKVdLAVKykpApYlqtTvTnsNMTt+PVrCHSMt8ErLzm\r\n6hPh0IQeA1Wsf53XNKBTuYHocepNSYxt6aM=\r\n=ubbu\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_2.0.0-beta.40_1675820817822_0.13945536660592972"},"_hasShrinkwrap":false},"2.0.0-beta.41":{"name":"@spaceone/design-system","version":"2.0.0-beta.41","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"types/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"reinstall":"rm -rf ./node_modules && npm install","build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:tsc:watch":"concurrently \"npm run build:watch\" \"npm run tsc:watch\"","tsc:watch":"tsc-watch --compiler vue-tsc/bin/vue-tsc.js -p tsconfig.build.json --silent --onCompilationComplete \"tsc-alias -w -p tsconfig.build.json\"","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","css":"node scripts/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test:unit":"vitest run","test:unit:watch":"vitest watch --ui","test:coverage":"vitest run --coverage","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vitest/ui":"^0.26.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","concurrently":"^7.6.0","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.9.6","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","tsc-watch":"^6.0.0","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vitest":"^0.26.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 16.13.2","npm":">= 8.1.2"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jenny Kim @dsict","email":"kja0717@gmail.com"},{"name":"Wanjin Noh @WANZARGEN","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee @siyeons","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu @yuda110","email":"yuda@gmail.com"},{"name":"Songyi Kim @song2kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin @wesky93","email":"wesky93@gmail.com"},{"name":"HeeYoung Anna Lee @heeyoung1332"},{"name":"Heeyeon Kang @h22y25n"},{"name":"Sungmo Jung @sulmoJ"},{"name":"Minseo Lee @minseolee"},{"name":"Yongtae Park @piggggggggy"},{"name":"Lee Jeong Min @danmin20"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"504890f1e8ceee0070967b86f4f0e9f8d1c8bbb5","_id":"@spaceone/design-system@2.0.0-beta.41","_nodeVersion":"16.19.0","_npmVersion":"8.14.0","dist":{"integrity":"sha512-BR/SWBtgmNhjdzdMJ1HivuSzOI4o3KQ4TVi9arER0sJaS44g9rYmF55/YVqdkff+Ufrjm37TSag5jp2vltXkjg==","shasum":"d510bf33fb8eb53f45f4cd83473c47364ea6dc10","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-2.0.0-beta.41.tgz","fileCount":1625,"unpackedSize":56806613,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGiDXYyYxuJbdLzX60C8yCnErDwlhD+qXOmJlnkqPpc/AiEA7bP9iNJGL9Q0YLeKiIiDHZMN7g9n8l0oJHVABeIN7h8="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj42JWACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpIOw/+LKxJNwhOtLOrQY+1j0cO+3C6HttGvzYlvQB/QhyKT3C6NipM\r\nVU0kZfNgBvO2GR9MbhoDl8s0E2T0rpAq5ycqK5OVUZr2qZE2gVqQUTLfLKA9\r\nLwbT/Mp9/xNCV/anFMJ8UuUlriY88QK0ZzZIw0M8mRv4/98WQWWkLg66BpmG\r\nR5SDPoOaA0JG92BH/WIvGxWiK9RbscfDhkisZzctFDBguIVENC2yHF+FMkt4\r\n4hTVZTfv0NJn5zAioADegLCfsb2Fv5yjaKIsKdWo7CjMZfXSNbLjdHGwc0mM\r\n7kwdJx/zxf7Uss5W/Pbjwtifmlhc+YebDUZmvRGGkIopSk2/wrcaubfPaLLo\r\nH3TBkbsX8YMVGyy4RSRSlPr1rH8C7m8rPPBkO+6LzYDjJO7TPgXRbHfbcBvg\r\nCdoww0KlikACkzG1/Po1xL8TZz9yXW3DdF14vp4ODMUkQSStmN6cMNN+OXZx\r\ndOdeh9zIh1RG77BfERLh9Jtiv76szo0A6wuSeZEsqggftTWVvVn1bWvAr1Dm\r\ngBQ3GzGjZ5ziEpfI5HAOTqlW60c0qfXm/R5URza+vI3udhcwoeMl2jdDpdJz\r\n4xgwS60SJb7SjEeGqPCd3yb+ixX1/8joUaBw4NWlkg1COynbMc5bhOsheUnm\r\ntRpDkK75COHmk8SorroiwudM7Lpko3VoV64=\r\n=ly6K\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_2.0.0-beta.41_1675846229935_0.9360052434266948"},"_hasShrinkwrap":false},"2.0.0-beta.33.1":{"name":"@spaceone/design-system","version":"2.0.0-beta.33.1","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"types/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"reinstall":"rm -rf ./node_modules && npm install","build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:tsc:watch":"concurrently \"npm run build:watch\" \"npm run tsc:watch\"","tsc:watch":"tsc-watch --compiler vue-tsc/bin/vue-tsc.js -p tsconfig.build.json --silent --onCompilationComplete \"tsc-alias -w -p tsconfig.build.json\"","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node scripts/lottie.js","css":"node scripts/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test:unit":"vitest run","test:unit:watch":"vitest watch --ui","test:coverage":"vitest run --coverage","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"5.10.0","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vitest/ui":"^0.26.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","concurrently":"^7.6.0","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.9.6","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","tsc-watch":"^6.0.0","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vitest":"^0.26.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 16.13.2","npm":">= 8.1.2"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jenny Kim @dsict","email":"kja0717@gmail.com"},{"name":"Wanjin Noh @WANZARGEN","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee @siyeons","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu @yuda110","email":"yuda@gmail.com"},{"name":"Songyi Kim @song2kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin @wesky93","email":"wesky93@gmail.com"},{"name":"HeeYoung Anna Lee @heeyoung1332"},{"name":"Heeyeon Kang @h22y25n"},{"name":"Sungmo Jung @sulmoJ"},{"name":"Minseo Lee @minseolee"},{"name":"Yongtae Park @piggggggggy"},{"name":"Lee Jeong Min @danmin20"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"292d67eee24dc2bdc41974e620f00895e3d7a00a","_id":"@spaceone/design-system@2.0.0-beta.33.1","_nodeVersion":"16.19.0","_npmVersion":"8.14.0","dist":{"integrity":"sha512-GYs8Wna4oGjsTtEhQfgtMmPURkaMnvELDXoDYXO09FvdHAIv5QcteyAEXjBHIVz6f027Kqe/g1DOUUmpfEnGmA==","shasum":"e6f336b62b76987b15a76b570f842236c32a185f","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-2.0.0-beta.33.1.tgz","fileCount":1669,"unpackedSize":60151202,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHaj+1eTo5Uyjdw1SWu+WRaAOMYyFLVAOGiaTVQ8uRfdAiEA3qIXfLv82eZ1dC47fUHwZZKtM9xcdFR9wG0OMwD5dGo="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj425nACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo4GQ//bPDfZOP5E/TjqFWoF3kySUqPxjyR8WHYQBkFQaZuOTdpkYGQ\r\nXxgnlO/WJDob+jrmTc5+eCa/ElNRMFtk301Wd8juH3TPA29KD2++Mc3nlxsx\r\nQolvn5URxI/TvE1XOniZ4aHzGjbLyUM+u2hvUrJHnpXwsZbUgo0Cf7z6bNHz\r\n2UvP8WQQc3C11bLJShsxmPDOJr51b+pw5F/GvDb1xfs+CDkIA7wWF1naGWPW\r\nPCOZWMOV7YehN+re07BnbrAXjP2Sti0BaUmbD46aH9acWrOqv5PJv9kRHqer\r\nJ375EHB9sL/dPD+r/VgryuSP46uzx7ep/NgSlVMNcvZs//6pcTlnoyKB13S3\r\nqJEtWFfwOquf4acAisa9YWiBr7denMrV360kV+AOIWy2UGBcawelKns11k6L\r\nlAtxLgf/Q7riDXu7Fzkm1ytgcsupKYh63r6YslA4/Xu0uqQcJ9S0QlR6tJtS\r\npId+dy5dkjuWQFfqZldigG79+DrUefHO2VfnKyK8REaqpIYqjn2IAjqn46gU\r\n0dnWJpNT0oJWPBN0Y7LPwsCr0NlhzabLZPKLlk8RsliBq0dxCmaRXP2STQTY\r\n4KX5a6PfXKtEppeUD7ZI9mStSTd/2Ch4KO3fG9XAdii6jGrtm00ukShBopYu\r\ntzMNluZJzb5iR7wNx+desC10AOuapFh90eY=\r\n=EN3/\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_2.0.0-beta.33.1_1675849318900_0.898491809167046"},"_hasShrinkwrap":false},"2.0.0-beta.42":{"name":"@spaceone/design-system","version":"2.0.0-beta.42","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"types/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"reinstall":"rm -rf ./node_modules && npm install","build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:tsc:watch":"concurrently \"npm run build:watch\" \"npm run tsc:watch\"","tsc:watch":"tsc-watch --compiler vue-tsc/bin/vue-tsc.js -p tsconfig.build.json --silent --onCompilationComplete \"tsc-alias -w -p tsconfig.build.json\"","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","css":"node scripts/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test:unit":"vitest run","test:unit:watch":"vitest watch --ui","test:coverage":"vitest run --coverage","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vitest/ui":"^0.26.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","concurrently":"^7.6.0","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.9.6","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","tsc-watch":"^6.0.0","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vitest":"^0.26.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 16.13.2","npm":">= 8.1.2"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jenny Kim @dsict","email":"kja0717@gmail.com"},{"name":"Wanjin Noh @WANZARGEN","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee @siyeons","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu @yuda110","email":"yuda@gmail.com"},{"name":"Songyi Kim @song2kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin @wesky93","email":"wesky93@gmail.com"},{"name":"HeeYoung Anna Lee @heeyoung1332"},{"name":"Heeyeon Kang @h22y25n"},{"name":"Sungmo Jung @sulmoJ"},{"name":"Minseo Lee @minseolee"},{"name":"Yongtae Park @piggggggggy"},{"name":"Lee Jeong Min @danmin20"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"f16b1b7775b64ab6c427614e4d60ee89df06e840","_id":"@spaceone/design-system@2.0.0-beta.42","_nodeVersion":"16.19.0","_npmVersion":"8.14.0","dist":{"integrity":"sha512-nH/ujcvgAj4lJkKiW0QkSeowv/04TgefNxjQmXF7BvTHH14Vm4GfbO+EWHUYjNkMSuPSktTdu9XQyqYcGMnOtw==","shasum":"8d33ad0fa84b805abee3552e35ebb9aa4555bceb","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-2.0.0-beta.42.tgz","fileCount":1623,"unpackedSize":56812902,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGHSTkX/AO2nui4ZFxte2FDolAEbrCuuxEsZI6omjaJQAiA8zmv4B9hwssh5GNmiPDV8X6T0uQJh7tVJX4SufrpvNg=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj43c5ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpAfw/9EeHYsmJ8vsXlIG+BqyCAWSNd5UGQCqwTmkmg6QyJK4UB53FX\r\nO5a7HFFH9o8ERRqg8RtKntlu2O+DuhNX2g7+pDUf520QFke5iS9UWVDuTFey\r\nkt1/ICrlMPHY4WsCV3duzR5acuVBdrx76rGBflD/B0mZVMJkFEkYhJxTzdpv\r\nd8V2pf2gq7p/M4oMSF6ewvjzIIewpEbk90DLComA/fm7Pu6JAPKWb62fSmcy\r\nIsTW4B1I2NNnqG5J1hs1fpaNjvNvpSNoPvLQRQN7DApX+6f/+94T3akiW8W3\r\nzZzJPjalo42UmNY3V0hlGPU+vINh0AOjs+4sUZ4oI0HAFiwthtJCH9azcszY\r\neRt18pL6YDS8sd1TzDO1JknuP9eOICavB1O5wGqSQo97qQ48gGqAFlPQJtDn\r\njTMhAS9yGy5AZcSY1fsaWcR5lHE18a7hsAf8qhebcho/AQO0E2UPVSJr6D/o\r\nZwlWlG7Sa2d4DKCWwHQ+5YLqRUT/n1FR634HWZHV1rNoNsb4agZS/OMdMJNG\r\njgl2dfPItUlWyZUqCiEI+dEU5CQieUemHwbRzl9fP/4x69UWGBfMUEweH/p3\r\n+gqkiaIKqcsPjgvvgqY5FU4owfHs9gSf9Lyl8OZ1TSnjkgsARSgQVR48rdyO\r\nVR++rm6JxAhbfVb9qFkda9HyztblFXpG2lk=\r\n=o4DR\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_2.0.0-beta.42_1675851576561_0.011662282407493008"},"_hasShrinkwrap":false},"2.0.0-beta.33.2":{"name":"@spaceone/design-system","version":"2.0.0-beta.33.2","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"types/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"reinstall":"rm -rf ./node_modules && npm install","build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:tsc:watch":"concurrently \"npm run build:watch\" \"npm run tsc:watch\"","tsc:watch":"tsc-watch --compiler vue-tsc/bin/vue-tsc.js -p tsconfig.build.json --silent --onCompilationComplete \"tsc-alias -w -p tsconfig.build.json\"","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node scripts/lottie.js","css":"node scripts/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test:unit":"vitest run","test:unit:watch":"vitest watch --ui","test:coverage":"vitest run --coverage","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"5.10.0","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vitest/ui":"^0.26.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","concurrently":"^7.6.0","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.9.6","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","tsc-watch":"^6.0.0","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vitest":"^0.26.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 16.13.2","npm":">= 8.1.2"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jenny Kim @dsict","email":"kja0717@gmail.com"},{"name":"Wanjin Noh @WANZARGEN","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee @siyeons","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu @yuda110","email":"yuda@gmail.com"},{"name":"Songyi Kim @song2kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin @wesky93","email":"wesky93@gmail.com"},{"name":"HeeYoung Anna Lee @heeyoung1332"},{"name":"Heeyeon Kang @h22y25n"},{"name":"Sungmo Jung @sulmoJ"},{"name":"Minseo Lee @minseolee"},{"name":"Yongtae Park @piggggggggy"},{"name":"Lee Jeong Min @danmin20"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"5ea8af91cd02c2b149fee1e185d5b89dd5bc9227","_id":"@spaceone/design-system@2.0.0-beta.33.2","_nodeVersion":"16.19.0","_npmVersion":"8.14.0","dist":{"integrity":"sha512-MW5xtJyYpLZAn4wMUyWgSOC2lRtdwXU+4TBoggKEXZS+z0D+qReXzhKSm4kHvenVwJaIPf2r8GL2sb+iK3L5Zg==","shasum":"d81998a64751b2b5b1f165fbcc97018a14f38e36","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-2.0.0-beta.33.2.tgz","fileCount":1671,"unpackedSize":60153203,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEaRiIA1qZZUyCAbEAMf7l4Cf2fIc2XmkAOpmiJMdnGkAiEAk2JG0BFxLVBUg/XO7jLs9SpyS11vjlwUZlMuXDROcTw="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj43rDACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqP5Q/+In9i5gLhxof54IAeBlK9bcqHt/0R9T/W3+a68KM30aKzSBUh\r\n0W8T9EBQvLqvRJocJB3sXtN0uS5JdrldmJ9WaEh4YeDi1wQ9/uMr6iAzb6jJ\r\nNo1pC6Jrj7vFwg1vApSTaOnlAkh9GQY93CtUTdqy/HF8RwqS4RlpXrT8n0C2\r\n6AT+fvpxlcDRr02fDTyRJCJhTWd6hfq+ILcc9bGpHxltz06TrWtOJtEQs8DV\r\nfdzs/bUnKhxQbd5WOCU2WQm76l6wXpagB8aTObjaiWasDtCUTWk2c+br26ua\r\nAr+zCt2Agy6ev5xNRPsXC0GnHAvGEzFfFp4eWDZCTGChCYX6JfrC1hRSAJyI\r\np34Iyf9Vb2fOzZObZg9a3ZI832LYxf5BmUMugc5S9/ZSR2y7gaiKdr5iuhDJ\r\nLK1GbhLJ5W6r6KCnDbwOk+sH0tINoo/o9ac3YzliG5RsmG4SVJ95+zffKgcO\r\ngSWb256GpVaMIlU1g3KLOhH3t/Q5WcOpcREFBhjECQBu+7GMoYQS6t8FRT41\r\nLyL4dYO6k89tUJoNPPTmicZ2z+liLM1xnU2T+JbcbZdVgCsqjet5VVAUOjRp\r\nTp+lWMPuAZfWLAeSDQ2wZhTlFQnINDMW8ToJpDzkphQCza9x66EPhVyOW3+b\r\nkfA6FOt5dAsx3vpCiijeyS70e3Tfnb0qQbU=\r\n=Otdi\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_2.0.0-beta.33.2_1675852482256_0.45626459241109907"},"_hasShrinkwrap":false},"2.0.0-beta.33.3":{"name":"@spaceone/design-system","version":"2.0.0-beta.33.3","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"types/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"reinstall":"rm -rf ./node_modules && npm install","build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:tsc:watch":"concurrently \"npm run build:watch\" \"npm run tsc:watch\"","tsc:watch":"tsc-watch --compiler vue-tsc/bin/vue-tsc.js -p tsconfig.build.json --silent --onCompilationComplete \"tsc-alias -w -p tsconfig.build.json\"","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node scripts/lottie.js","css":"node scripts/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test:unit":"vitest run","test:unit:watch":"vitest watch --ui","test:coverage":"vitest run --coverage","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"5.10.0","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vitest/ui":"^0.26.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","concurrently":"^7.6.0","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.9.6","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","tsc-watch":"^6.0.0","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vitest":"^0.26.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 16.13.2","npm":">= 8.1.2"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jenny Kim @dsict","email":"kja0717@gmail.com"},{"name":"Wanjin Noh @WANZARGEN","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee @siyeons","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu @yuda110","email":"yuda@gmail.com"},{"name":"Songyi Kim @song2kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin @wesky93","email":"wesky93@gmail.com"},{"name":"HeeYoung Anna Lee @heeyoung1332"},{"name":"Heeyeon Kang @h22y25n"},{"name":"Sungmo Jung @sulmoJ"},{"name":"Minseo Lee @minseolee"},{"name":"Yongtae Park @piggggggggy"},{"name":"Lee Jeong Min @danmin20"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"bb724c4aecbdf513bb3f7fe4f89615218aa7a17c","_id":"@spaceone/design-system@2.0.0-beta.33.3","_nodeVersion":"16.19.0","_npmVersion":"8.14.0","dist":{"integrity":"sha512-M/VOhl4xjLctREv9eDdioPWd14oZlq8SZMjvSnFyljCNn0rOVEccVx/OcxDibdBcyzNy3bHefsq5fog7ebrNfQ==","shasum":"0dab2fe7045d6d3f93789aef89b2c8f986f8f9b9","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-2.0.0-beta.33.3.tgz","fileCount":1675,"unpackedSize":60155830,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCQPw/ziZbW62Rrrl4TUPOYdQK1ea+aYgmMgjzZCl92MAIhAI3j0fEEOi+W+w5tjYJx90EC+YxlY4mABmWKZGVzN5Jg"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj5EntACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoXKhAAiEqmY1//M4ufTZJO0isG9fzmup/YiJRTvyk+FJk96kiyYTdB\r\niqwsr5VS1TE8PmwIx/yBIvHofpEnIbhiB3erwRa2EPwXiYXuNPS5QEjcZsLV\r\n6O7MzISH6ySTjtZYYo1BRCcc0ihX2OKNHUjWNrpKeCYy+sUgQIrcelr0X9IU\r\nTKsLgUWj9H9vO51VCkt9qcX6Bqf3ReQZlIS8jm09sAi6GnuWzU6xJJV6uYgP\r\n3Wh4M2vRj1uhlPqJDYtzrfprwug0tUNoG6VYqiMSGJwUi2LDrpD3RBrBOMnm\r\nDYRC1ND7O063X6/KTuEuBVyAIe+65ONY96qS4CdeNwNCeLMX60+mOiFVvCVu\r\nmzuR2WBFOzHdaFOiek6ANE18pQ6PaexlpLijozwt8v9c2Mi2BmP7NRJd+332\r\nLm1teh2TCxamz252DPepJhFp118lwMKLaiRfTXNqeBovM2pYnKYEojNzuoJS\r\nJSjz8cZ8B++IQzf0NAnzgJh24S+hweFzpC2OK4YQW6vtN30qms0HbeBK4Q2k\r\nMcplWj1yT0IPAH2jDhPstk6ezyER+X0lk905VezVjuL37MZ4sb8o87V/cNdV\r\n0ZPmcGr9opq56mALGiBunp4xIO+IhnUdt6n8J5VUq9OzrVaVJm0xSNPNiKz2\r\ng/srxo25rJmAVqwbf0YU0GRzCkgIT9w5wQo=\r\n=Hqoa\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_2.0.0-beta.33.3_1675905516577_0.9497671853778138"},"_hasShrinkwrap":false},"2.0.0-beta.43":{"name":"@spaceone/design-system","version":"2.0.0-beta.43","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"types/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"reinstall":"rm -rf ./node_modules && npm install","build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:tsc:watch":"concurrently \"npm run build:watch\" \"npm run tsc:watch\"","tsc:watch":"tsc-watch --compiler vue-tsc/bin/vue-tsc.js -p tsconfig.build.json --silent --onCompilationComplete \"tsc-alias -w -p tsconfig.build.json\"","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","css":"node scripts/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test:unit":"vitest run","test:unit:watch":"vitest watch --ui","test:coverage":"vitest run --coverage","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vitest/ui":"^0.26.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","concurrently":"^7.6.0","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.9.6","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","tsc-watch":"^6.0.0","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vitest":"^0.26.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 16.13.2","npm":">= 8.1.2"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jenny Kim @dsict","email":"kja0717@gmail.com"},{"name":"Wanjin Noh @WANZARGEN","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee @siyeons","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu @yuda110","email":"yuda@gmail.com"},{"name":"Songyi Kim @song2kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin @wesky93","email":"wesky93@gmail.com"},{"name":"HeeYoung Anna Lee @heeyoung1332"},{"name":"Heeyeon Kang @h22y25n"},{"name":"Sungmo Jung @sulmoJ"},{"name":"Minseo Lee @minseolee"},{"name":"Yongtae Park @piggggggggy"},{"name":"Lee Jeong Min @danmin20"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"f75268f016343aa57b0b660a63ae380d3178caa3","_id":"@spaceone/design-system@2.0.0-beta.43","_nodeVersion":"16.19.0","_npmVersion":"8.14.0","dist":{"integrity":"sha512-+pzbUn89dfAioqJONXw6p5xniqj4hBPfnc9yh9wkIYcozBDYJH3z2+95Mo/ltZms3xgRWDemoVTiPK7e4V+yGA==","shasum":"9456c9997a480357a727f467caf7e9d4f48c37db","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-2.0.0-beta.43.tgz","fileCount":1607,"unpackedSize":56764535,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDphzDDDxyBWSGWpYWvNi3aDT8b2W3w58EWE6nGlkPHqwIgcF6TnIZCMfKkPwKxblrbayalfH+4h5Tlm0QkhMgi7bk="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj5EtaACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpttQ/7BsxDeJrLY6BnMfMl4SyY5pX/cz/G1nlJOWoD2QzFk9Ht3Drc\r\noltiTflytAd6X+nMtXFBwCaHy1zUZllO8N7SGjNtFygWdYhKJQOvViQNeDNl\r\nNDvg+wkk1y4XRvPdipF99jYCxsvIBboAc7bmX2bi1ktX4q10OHxXNjH4BX+x\r\n/Q0GlcCl4m2SVhrSmBGS21SudkEblWIIjHVAvJ/5NRmTvgQrwix665Dz71br\r\n7JB1btKZxnubt/FRGJj+KFp26JSqJAIgO6rQxkIJz9thV/4y2r1wPGvfSFL7\r\nVVKkMckuvNmV2eRoOjvP6NHTOF+XB1K9pIaVNt8ROhF4drMcE7u5WCQVbcYN\r\nB8Cu3uhqWUEJYNgYrDAHQk829gYEFblbEKxNGcJy0awzjpERIsSY4+wZ+8ih\r\nZWur7qd8puOrDRGL4qpXCukQ4vseAIiut3+TA1GHhneKnkaeB8GlwIXFgPFc\r\nGgUgmn1kr5NiNAkrsAAI3PWol4Hfpwke52Z+Bg4TqA7hKdBkQ4/DNWk8kWK+\r\narDPlsS7y1BQN6qazg9ml7W/G2gQJ/dZpmamsLEyVPGltfS0Z+BKwCRD+CG6\r\n9vd1vCv2JXn3yHKinGAjuzt9JTNfNqzvgpU3OPD9TghH8Ym2horpHFWVaDI0\r\n+6AB9RRSxyYVvcWaMPSlycbUsnCyGHHJEYg=\r\n=T5y3\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_2.0.0-beta.43_1675905882435_0.7993657877684621"},"_hasShrinkwrap":false},"2.0.0-beta.44":{"name":"@spaceone/design-system","version":"2.0.0-beta.44","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"types/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"reinstall":"rm -rf ./node_modules && npm install","build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:tsc:watch":"concurrently \"npm run build:watch\" \"npm run tsc:watch\"","tsc:watch":"tsc-watch --compiler vue-tsc/bin/vue-tsc.js -p tsconfig.build.json --silent --onCompilationComplete \"tsc-alias -w -p tsconfig.build.json\"","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","css":"node scripts/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test:unit":"vitest run","test:unit:watch":"vitest watch --ui","test:coverage":"vitest run --coverage","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vitest/ui":"^0.26.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","concurrently":"^7.6.0","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.9.6","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","tsc-watch":"^6.0.0","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vitest":"^0.26.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 16.13.2","npm":">= 8.1.2"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jenny Kim @dsict","email":"kja0717@gmail.com"},{"name":"Wanjin Noh @WANZARGEN","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee @siyeons","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu @yuda110","email":"yuda@gmail.com"},{"name":"Songyi Kim @song2kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin @wesky93","email":"wesky93@gmail.com"},{"name":"HeeYoung Anna Lee @heeyoung1332"},{"name":"Heeyeon Kang @h22y25n"},{"name":"Sungmo Jung @sulmoJ"},{"name":"Minseo Lee @minseolee"},{"name":"Yongtae Park @piggggggggy"},{"name":"Lee Jeong Min @danmin20"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"a12d18662d07c239c1d0cf518f13bfa5329169c6","_id":"@spaceone/design-system@2.0.0-beta.44","_nodeVersion":"16.19.0","_npmVersion":"8.14.0","dist":{"integrity":"sha512-VRBZu8PAx6QN5ON+3Qjxz9T8TW6UzXl+Kn79FK5mDFbZxxtJYiIH1ccOeXt3lSDHDV6P+/EeRqw0VlhCktN0lQ==","shasum":"1692d2c4dd74e49cc2118ab5162c9b4a8608948b","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-2.0.0-beta.44.tgz","fileCount":1607,"unpackedSize":56764535,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCID8+7ZZeJQ0LvhALZbGe762RCxlKX11YVuqqyqnc0hwlAiEAh/VMpmxOWmpK22WyvANUBKa40Za70B5C3m/ePsdH/bA="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj5bQPACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrUcxAAiJ1NTsquxwIJf1eSwMzEDj4AjDuGvVr/YSOiAzkIh9gK+qOc\r\nO2XG6jvCBD/9iSx79Bw0nZdZFKtQYvNHFptmjWkzI7edvOMk/zCWkDS9Kp8l\r\n1h7iSMd40EglDPmjbJaAw3aqlKkP6eTHLBNb8qE+lk+Vqax4h1IeSI9D/PRW\r\nuMByeABCMcLwv68wXfEEZU616WK+P1sTN49ShzEnv8mGG+BEeZSjYnyCIGvF\r\nBJLwIUlnPtQGLQycUiqG3ybUy0oiG3PnHNI911G9GFWB9GK8XgxkaAZIR4R1\r\nJyKue1oG0559Yjel3dAOJ2sVCayTlwaLGf9oVzpPadKpzN40ryX/k8kc9B8w\r\nZpT1tsnz+vwVD3RdZLgzztfpN1JcXqw0WGM4NmSsduC2lfoAfoYTGIlCm9ju\r\nqvsZ6+G4b29q6pQhRWTdfCulG6/NwLPZH6wBz1pnzW6ySspgrt/nnSJuZLHD\r\nw4mfRcXGGYJUiJkirePJHyTfut5Ps12dbp3MrPDN9XFbgtVSbJbbbPOVBKPm\r\nNAb6om0AchnGDSQ7wd1sJnKIXHz8noLNaNYvep0KI+fhxtt/qDloQFjd4zjP\r\nh5bo7GFgLODOGKrIKKIxLzcDyEMC6xfvNZxh3vhcDt2uai3M9zM5HsGs+buS\r\nGdaeHwS94eW+hM8+ERtEX/1skczXzv0tonw=\r\n=GdZC\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_2.0.0-beta.44_1675998221134_0.34376940325564975"},"_hasShrinkwrap":false},"2.0.0-beta.45":{"name":"@spaceone/design-system","version":"2.0.0-beta.45","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"types/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"reinstall":"rm -rf ./node_modules && npm install","build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:tsc:watch":"concurrently \"npm run build:watch\" \"npm run tsc:watch\"","tsc:watch":"tsc-watch --compiler vue-tsc/bin/vue-tsc.js -p tsconfig.build.json --silent --onCompilationComplete \"tsc-alias -w -p tsconfig.build.json\"","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","css":"node scripts/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test:unit":"vitest run","test:unit:watch":"vitest watch --ui","test:coverage":"vitest run --coverage","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vitest/ui":"^0.26.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","concurrently":"^7.6.0","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.9.6","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","tsc-watch":"^6.0.0","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vitest":"^0.26.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 16.13.2","npm":">= 8.1.2"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jenny Kim @dsict","email":"kja0717@gmail.com"},{"name":"Wanjin Noh @WANZARGEN","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee @siyeons","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu @yuda110","email":"yuda@gmail.com"},{"name":"Songyi Kim @song2kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin @wesky93","email":"wesky93@gmail.com"},{"name":"HeeYoung Anna Lee @heeyoung1332"},{"name":"Heeyeon Kang @h22y25n"},{"name":"Sungmo Jung @sulmoJ"},{"name":"Minseo Lee @minseolee"},{"name":"Yongtae Park @piggggggggy"},{"name":"Lee Jeong Min @danmin20"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"385192f1a91f9fc2fa8dadcc1158d1c0d7b8a031","_id":"@spaceone/design-system@2.0.0-beta.45","_nodeVersion":"16.19.0","_npmVersion":"8.14.0","dist":{"integrity":"sha512-3lHDtdZnx3ncIbZi3SujkKDgSWY8oTxZZQwRFXYz88OLstyTHKkJOTvfJ9cN9zz1/CNQux+jq+MZWfih+AmNCQ==","shasum":"1530a6079f17adf1d40dcc204584117e61796fd3","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-2.0.0-beta.45.tgz","fileCount":1607,"unpackedSize":56761531,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCvfoHikid04yTw8s67r5JOnNoUWLPIG0HqDhNJX+B4yQIhANrcwWqiiDYWXUEfoChHqxvR9XRaKsbm0AT7TW81KHl6"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj6cfKACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpf0w/8CMGCqlCwl6m2RY/P3941KSN7Ki2YARRmRFIBvC2w/0tzOZJE\r\np5QliLpjTuJOrsPuXIF9NbFtDP/0L34eky+QQ3fn+q9QT0cnMKv1WbIF5Egc\r\nBnqus1Y23G6YaSS+nJ8mKRbLdKQJOW3PcY1GvQIIqPl+LTdioYPyl40igJ+z\r\n9089ZaHypOaxh70F8QPny4qsoemaqg7m15ermop4TlftOOJkW+PjNxgMwUko\r\nZvOHxc/HN64xVZqmWU2sP93cKhhB/sadL7+aiJob/ulH/e3xXo/0Fqp9HO3o\r\nXWxkXibwonhZA/gCYyce3NZdRythdpQEjkgQfW2K8jGkqqsrpQ3/zPW8HPiQ\r\ni2Fu6PlEnrkGAz+rq8W5t5lC7umkYDc4yAwu61mQ7kJt+DmflnOMIQFSrREI\r\nXzKCTUxC9N8oA84O3ZqBkTJbAkL+Q9ZzQozBfUAX9MkEiiPahG6ZwsYzC3yN\r\nHkeBB+AJEXya76BwWwt4eyA/2CTHSyUtRR4Z7xKeuFEt19Q6TeY99pLZx+Vs\r\nqp8cxID2yA+JY8b/oLWA6dbWWIpyM0DyyUVu33AVdpjuADJ+rzpUHBmiJZg6\r\nh+B5MhlbEY2T4VKNi65lWM7wD7xUv6xXqEG4GeFlT/WxdFzijxVdz/46j/fk\r\nPKNmQz/hqbG0B2NUGMmxL3gE6iw2TrgagHs=\r\n=XTau\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_2.0.0-beta.45_1676265417995_0.2768360932163829"},"_hasShrinkwrap":false},"2.0.0-beta.46":{"name":"@spaceone/design-system","version":"2.0.0-beta.46","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"types/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"reinstall":"rm -rf ./node_modules && npm install","build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:tsc:watch":"concurrently \"npm run build:watch\" \"npm run tsc:watch\"","tsc:watch":"tsc-watch --compiler vue-tsc/bin/vue-tsc.js -p tsconfig.build.json --silent --onCompilationComplete \"tsc-alias -w -p tsconfig.build.json\"","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","css":"node scripts/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test:unit":"vitest run","test:unit:watch":"vitest watch --ui","test:coverage":"vitest run --coverage","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vitest/ui":"^0.26.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","concurrently":"^7.6.0","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.9.6","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","tsc-watch":"^6.0.0","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vitest":"^0.26.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 16.13.2","npm":">= 8.1.2"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jenny Kim @dsict","email":"kja0717@gmail.com"},{"name":"Wanjin Noh @WANZARGEN","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee @siyeons","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu @yuda110","email":"yuda@gmail.com"},{"name":"Songyi Kim @song2kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin @wesky93","email":"wesky93@gmail.com"},{"name":"HeeYoung Anna Lee @heeyoung1332"},{"name":"Heeyeon Kang @h22y25n"},{"name":"Sungmo Jung @sulmoJ"},{"name":"Minseo Lee @minseolee"},{"name":"Yongtae Park @piggggggggy"},{"name":"Lee Jeong Min @danmin20"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"bd127b4ee654b95b0bec4dae7682a5f1864ddfb9","_id":"@spaceone/design-system@2.0.0-beta.46","_nodeVersion":"16.19.0","_npmVersion":"8.14.0","dist":{"integrity":"sha512-i3gGvalde38iFZZYVKmbay36BpjEl/jPnkrfYs1ahz89KcRmyIxpvRrGi7Z8oLa7BWD+9Yh6i4ioHtdEmuwkhA==","shasum":"aa95328560ea8f715ff73e09afdc6cfacd14b094","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-2.0.0-beta.46.tgz","fileCount":1607,"unpackedSize":56759566,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCXUJjCeE+U38H3KlIfnt+XFiBygASBZAL6TyiIosIJswIgdV7sDBdBbTpU6AhJIyukDqfUNLnU6VtjbsrvVozI5V4="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj6cwAACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp+2A/+Loz4RG+gamzEF+gbczQUhzUQDg2lKTWpntLl5ByCntqs4Dx7\r\nmVPqdM/MmJ76S0pjGGD0FRR5RaIRhK4FuF5qzjeLsMSm4W95BQ1+I4ad+oR8\r\neYWi3oTjFf5H/eJ8kLXz+AVcvjiQZMlkQ/IRI7HzTLgEOzDe/XyXEG/xOrHT\r\nwloSfhCaYG9ntwawof6umI8R9zsrI9E3YCPx+HvhHG+zqiGPYYrNtjrfY4QD\r\nCcz/Zdxc5xp6hC2wbr7dabw/HBLuGN2nIzJLlpVxvZ6W6ld6ZNsRCUptmPc6\r\nkC4w0Hbmy3cAC4F4Z8ddibZ9T/bqQmamBHJTWd0MmWRlocbfKtNnJ7ohVH7m\r\nzfQTcZEVsrf5oOMwdr23kAsQueGbAZbbMgnbHLs1h1sOHeP4FOGRljlkTTcF\r\nUQCCSQTwq87E6ogdZbbxqjd2mEdGfuQEmakOxvtntg99RRVkVkWpxr7yndrw\r\nY++SDklhgp80tItpc8vcHRP4QCurVSo7tt9mkx+t+tvwRS+XNe4HY87SrjCr\r\nCDVKVVXOgvY29EdS/UsmJSjMCGlRUKXEoHi4B7wUokBrTUM2n8qjWOZoSoOo\r\n8e7x2xbQciXJu8VN04+/Lef7rF+loHTR77U3L295ook3UAgztBUl+eCcQC+J\r\n1jMWL1geOm0vLLKQkckD8Udx7bBXwv4urpI=\r\n=SBOy\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_2.0.0-beta.46_1676266496402_0.43339226670823305"},"_hasShrinkwrap":false},"2.0.0-beta.47":{"name":"@spaceone/design-system","version":"2.0.0-beta.47","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"types/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"reinstall":"rm -rf ./node_modules && npm install","build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:tsc:watch":"concurrently \"npm run build:watch\" \"npm run tsc:watch\"","tsc:watch":"tsc-watch --compiler vue-tsc/bin/vue-tsc.js -p tsconfig.build.json --silent --onCompilationComplete \"tsc-alias -w -p tsconfig.build.json\"","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","css":"node scripts/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test:unit":"vitest run","test:unit:watch":"vitest watch --ui","test:coverage":"vitest run --coverage","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vitest/ui":"^0.26.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","concurrently":"^7.6.0","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.9.6","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","tsc-watch":"^6.0.0","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vitest":"^0.26.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 16.13.2","npm":">= 8.1.2"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jenny Kim @dsict","email":"kja0717@gmail.com"},{"name":"Wanjin Noh @WANZARGEN","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee @siyeons","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu @yuda110","email":"yuda@gmail.com"},{"name":"Songyi Kim @song2kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin @wesky93","email":"wesky93@gmail.com"},{"name":"HeeYoung Anna Lee @heeyoung1332"},{"name":"Heeyeon Kang @h22y25n"},{"name":"Sungmo Jung @sulmoJ"},{"name":"Minseo Lee @minseolee"},{"name":"Yongtae Park @piggggggggy"},{"name":"Lee Jeong Min @danmin20"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"281fbafcf6ca22045fc3aa176d5465d33b0bc0f7","_id":"@spaceone/design-system@2.0.0-beta.47","_nodeVersion":"16.19.0","_npmVersion":"8.14.0","dist":{"integrity":"sha512-ueUcUBdMLvi55bRNEcyLcRVAVaR8WIxtDQ22vmfjo+3z10Vn3XCxV3i5QkvrMcnBVWahgjPukCnNqgJRMcb6mw==","shasum":"8651ac29f83bee532539763e54b75b77a0db85bd","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-2.0.0-beta.47.tgz","fileCount":1607,"unpackedSize":56759750,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC74/rqN3Ob1j7r/nAH+5L+Q3R96ae0K5UjpFDmeCwiMwIgP4Jbvlo4s0elcpMenG7S2yrokNC8OxYbDUqWhMNiK98="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj6dTPACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrkBw//X4hMqDhfpHPc1RQNRVprjbYco+DIrh5kCGf/bA4KIxniHsp4\r\n+/r69pM+2WHSqvXD+ZDj8waHk11Hhl7S8Xihw3UMRkw2FeJWLa7xdJkbHutC\r\nVIwM+WbakLu4TrlgcPJ0Yj0gHW77XLgcgT5avog9uAJmClz6elPnd9tw0BpW\r\n1uqSbqWz7CeA0kdvbjCAGHa37d8ibzpHB27byiSDGTe7DXSZ/nLaokr5GQ6o\r\nlYCs1/7lBsx5ByVFXEMjdXujqYQ9S2+vyQ1/eVpcySE0lIldJwhtuEctGcoT\r\nTzF+wc7w+4DOY7O4u37LWKAbubcAyCvdUUJBkbdMwv+rs81YaqnaH5BCNJzg\r\nswOohJLqLg/yF22TJYGYm60tFUyd+jcQo9oeaG47kAk9XEo6DDdLvYVw+3ax\r\nS5v0lez3/op8+Dcbh56aHcpllNgQpwVxaOymTl0fZ30nXAhou8s+wBnxC5DF\r\nPRaBsZieB0pAhQCKHwrrjXylFKRVhU77aP+8+z/NduY2WVU7Lya+gFQDVSGp\r\nU+QIkefcU+8gOPy6pidg7bjvPBi1cbaO8jnWxPCW2PKPbaTSH4quXjHKYTL4\r\n2CVz1uJZNT/eAU1tBo7kkhUbic0+QG2VSaFb5q0HC3f3aroljl0ZglsQ84z1\r\n93CkP/dKk3RaNjo3jk/mnKkZO6jSdfCNM6c=\r\n=kjLh\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_2.0.0-beta.47_1676268751125_0.5362365631867987"},"_hasShrinkwrap":false},"2.0.0-beta.48":{"name":"@spaceone/design-system","version":"2.0.0-beta.48","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"types/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"reinstall":"rm -rf ./node_modules && npm install","build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:tsc:watch":"concurrently \"npm run build:watch\" \"npm run tsc:watch\"","tsc:watch":"tsc-watch --compiler vue-tsc/bin/vue-tsc.js -p tsconfig.build.json --silent --onCompilationComplete \"tsc-alias -w -p tsconfig.build.json\"","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","css":"node scripts/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test:unit":"vitest run","test:unit:watch":"vitest watch --ui","test:coverage":"vitest run --coverage","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vitest/ui":"^0.26.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","concurrently":"^7.6.0","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.9.6","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","tsc-watch":"^6.0.0","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vitest":"^0.26.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 16.13.2","npm":">= 8.1.2"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jenny Kim @dsict","email":"kja0717@gmail.com"},{"name":"Wanjin Noh @WANZARGEN","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee @siyeons","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu @yuda110","email":"yuda@gmail.com"},{"name":"Songyi Kim @song2kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin @wesky93","email":"wesky93@gmail.com"},{"name":"HeeYoung Anna Lee @heeyoung1332"},{"name":"Heeyeon Kang @h22y25n"},{"name":"Sungmo Jung @sulmoJ"},{"name":"Minseo Lee @minseolee"},{"name":"Yongtae Park @piggggggggy"},{"name":"Lee Jeong Min @danmin20"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"ef9345e90b4b48cccf936015170faa15f4061602","_id":"@spaceone/design-system@2.0.0-beta.48","_nodeVersion":"16.19.0","_npmVersion":"8.14.0","dist":{"integrity":"sha512-fNoBwymyTj7pQ8tKrJ0Ht6SoASwBtyq3kODQ/RmqZ9h/ZaglhYLL8tRwkSY3eEMZ4c1w/D/bXZZh8TDyQ4Ffmw==","shasum":"74d2fd17a716d43b27bdc7a6da8d585b2a49f754","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-2.0.0-beta.48.tgz","fileCount":1607,"unpackedSize":56760765,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGPZU2jAfahE/RUJCz3IK5DXcPSjnaF4zhQbpRHGAm5JAiBp1pvdPh4XasZGONZDrqIfzM6R9pUbzD1jv2UcUSiFnA=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj6eRBACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo7rRAAiJDARhcA4b6Q2C4uzyK2VgtCzjlBnUyYfL/w5RU7SMELOzss\r\nxOV3tILXtIu6dSu/O8tiHse5q0cq5byJxM2X5lVF17wN99W+O354ujvIEcYX\r\ng9RIEhn5ew8DiTS62e3wmTtzYwN5IWqzi8nQ3fFvszGaLkWD8F11sAdFCG9y\r\nk9nvD0XGlhETT5RSZ1TPn+j0fY8qZF3i7dxAr/THkU9gHOw7j/91px3Jb4BM\r\nWi0e+6hGNORG6aR3k5CDyVi0f1CyoTcEVKGFPtk20O7eQJ/njhKTIwGfg225\r\n7ePMhR+VZ8Lq9MZvUxRDws5hym214LZdUDaXholoS8TlevG5vHOcZYlHux/v\r\nXTfCOVga0Qp6cUIbQW1soYDfEoFSxnvzwtLKw5+IjvO1c+wm3huDXDU/OoxV\r\naQJEAUEk/tSNsxjA4Pof+DhO78wQW4HaysAAo7v1zrluxl0eM3ppmuGPYagV\r\n3K17hmkEQg/bKVdU/T1ZKJoZTtit5auCUMfsMammNP+rKPsVNVvX4JIiPCOp\r\nlVjEe20EoTP7vGtpmU+DOeECSF9s/Bodtx+mwj7qS0I2NTvhoCWL7dlh5/PX\r\nj2duvCHMduP5W6pFXDzQo9F3oz9vCegc5824XWqqlWHtAAeimgeK6ObNcFZ/\r\nmZEcT9OIHEH3zXbDB8ToL251Kon2on+qAO4=\r\n=qp+T\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_2.0.0-beta.48_1676272705434_0.9220642588310057"},"_hasShrinkwrap":false},"2.0.0-beta.49":{"name":"@spaceone/design-system","version":"2.0.0-beta.49","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"types/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"reinstall":"rm -rf ./node_modules && npm install","build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:tsc:watch":"concurrently \"npm run build:watch\" \"npm run tsc:watch\"","tsc:watch":"tsc-watch --compiler vue-tsc/bin/vue-tsc.js -p tsconfig.build.json --silent --onCompilationComplete \"tsc-alias -w -p tsconfig.build.json\"","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","css":"node scripts/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test:unit":"vitest run","test:unit:watch":"vitest watch --ui","test:coverage":"vitest run --coverage","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vitest/ui":"^0.26.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","concurrently":"^7.6.0","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.9.6","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","tsc-watch":"^6.0.0","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vitest":"^0.26.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 16.13.2","npm":">= 8.1.2"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jenny Kim @dsict","email":"kja0717@gmail.com"},{"name":"Wanjin Noh @WANZARGEN","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee @siyeons","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu @yuda110","email":"yuda@gmail.com"},{"name":"Songyi Kim @song2kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin @wesky93","email":"wesky93@gmail.com"},{"name":"HeeYoung Anna Lee @heeyoung1332"},{"name":"Heeyeon Kang @h22y25n"},{"name":"Sungmo Jung @sulmoJ"},{"name":"Minseo Lee @minseolee"},{"name":"Yongtae Park @piggggggggy"},{"name":"Lee Jeong Min @danmin20"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"bb300ea6930ddc5908fda313b70adc9b3a874a14","_id":"@spaceone/design-system@2.0.0-beta.49","_nodeVersion":"16.19.0","_npmVersion":"8.14.0","dist":{"integrity":"sha512-FfCaYxxMQnVjjJVu9roAHTF+ZqLto3NuQjEb3ZZJpZNdNVAQcvSkdfZodez+TzillaJcjS5m2I7e3jGNDhmQhw==","shasum":"a472af305cfa363010042fe3b11ce798ec65e6ab","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-2.0.0-beta.49.tgz","fileCount":1603,"unpackedSize":56755869,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBEya82kCf/fKEU0EN+HNWJ8kfbvTJR9QAOPUzqldLydAiB210u0ghOF+xwf4Wn+LJYXG9DJ2PRp5+d+EOnkWy8xUQ=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj6yA7ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoFvw/+M8ApI7dA/80J1nlb+lp4ge4eXJhosXviJGPwJ7BEmbr7GWnz\r\ntAijYVb1MUhdRZqEvvcTsDIWx1woJVLNBo+Noj/L4NyoX5UBrchGm7tGmAE5\r\nTSCcdAtX7KZ2MDttv9eb/h4EsqtL/NL/blSWmp2S2nNteWahofYCq/MCGKm+\r\nkYZnFSFGcVPa9oGCPeLJLbaM46XjWFhY5lZX8pXTT7u1hDFDpdzMIjIatWKu\r\ntdnigifQ5VYENEBbhoAK0uzb6/zDASJ1DJXqd3a/uVqsc0AKSipT3ifKRH6I\r\nIF+hVORaWqWuIDUEY3R3qJ9sPuhAUQFJFOOw/SkxlWklk8YJYlMnyHT0fEPa\r\ndWpgqdA8TMgEViKkMjh6kqHdAZFYjZQVpEyx/2XZSpnzrI2IGjpUzgYU3pkx\r\nJFtHGg2mOL8z/j++InldFecVtJnabwUSQnTRSHxjiOvUlqxX3DonDw4hmiCn\r\nO8JXWK74iLiUq3FWD56vUaPbL1PrpZw1hNbZ0US7h3UGDjufcOKSqqsi2azn\r\nO4bUOvzZ/GoqzJ2sFsocT9l6pwoVIC9U5zy1HEKrtWIY0aDc+/A/PDJweYAR\r\nszOKFaYmXpyOvEwPeLibDR2I6bduct/W0kRoXUwuB3o0lgR6Bq8oLwhctuo+\r\ner7sBGs7FUOfz5F7K5lvi5n2oSpre5L0MFY=\r\n=9qE4\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_2.0.0-beta.49_1676353594685_0.07045377633523775"},"_hasShrinkwrap":false},"2.0.0-beta.50":{"name":"@spaceone/design-system","version":"2.0.0-beta.50","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"types/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"reinstall":"rm -rf ./node_modules && npm install","build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:tsc:watch":"concurrently \"npm run build:watch\" \"npm run tsc:watch\"","tsc:watch":"tsc-watch --compiler vue-tsc/bin/vue-tsc.js -p tsconfig.build.json --silent --onCompilationComplete \"tsc-alias -w -p tsconfig.build.json\"","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","css":"node scripts/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test:unit":"vitest run","test:unit:watch":"vitest watch --ui","test:coverage":"vitest run --coverage","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vitest/ui":"^0.26.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","concurrently":"^7.6.0","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.9.6","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","tsc-watch":"^6.0.0","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vitest":"^0.26.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 16.13.2","npm":">= 8.1.2"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jenny Kim @dsict","email":"kja0717@gmail.com"},{"name":"Wanjin Noh @WANZARGEN","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee @siyeons","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu @yuda110","email":"yuda@gmail.com"},{"name":"Songyi Kim @song2kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin @wesky93","email":"wesky93@gmail.com"},{"name":"HeeYoung Anna Lee @heeyoung1332"},{"name":"Heeyeon Kang @h22y25n"},{"name":"Sungmo Jung @sulmoJ"},{"name":"Minseo Lee @minseolee"},{"name":"Yongtae Park @piggggggggy"},{"name":"Lee Jeong Min @danmin20"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"52246f65aa998f63bad6a3539715d0dd6698b731","_id":"@spaceone/design-system@2.0.0-beta.50","_nodeVersion":"16.19.0","_npmVersion":"8.14.0","dist":{"integrity":"sha512-aYmertXn41sEigrivRchGcrYdLE9O6ZlGgh/bCEg5KHyzt7si8SNBlac4O20dblQcGRmbKKbMo2E5gn6WxwMdw==","shasum":"ff7d51cef475ac18fac409f8092bb29872beaceb","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-2.0.0-beta.50.tgz","fileCount":1598,"unpackedSize":56748316,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD9BQZyYC6cyn0z2cIz+rs+dFBQx4n32SlfPAKCf112sgIgUpoY79QFLccKsYi5jdG7qaZy8Ve37jGZASWtONRA41M="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj6yTgACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqu+g/8CWrH3gaFjerGls+HUBTpK0gOjOvCu/yjOJnrV2hMOnW1Z2uL\r\nQy7ycWemJmfmK9uht4TI5vwE7I81jl8DzfKAf+2eD6Qexahl/cVKxZgO/LPy\r\n0+fFO9ZItYgrxi+KBpNq6X2OcRqZHUkfRFUTa2U24d28bOZ7kS2PycWqb5RF\r\nPbBflV6e133/iZST3ykfEJ2pRmtFIr/Xn/xQge5Fm0aSUhc65oI6AVRMC3O4\r\n1mmUFalU6Th4mtBjbBnvcJIsq0x759c7uoieoT2qNmdVRoRnvp0o181pOvN/\r\nWccKX9VgJg6MVSm2Zk/r7deSYelLg5ZloNEEwGjfREBqj8bv3pQ1TYlELf/q\r\nvG4Mm/nGVJ7XzA/9I1NFVHhL010t+g7Ub+5lDxszwpXjOSPIBMjEtXxi0kJr\r\nMsWIq2HsyXWZGpMaHZydSIqmCYU7Td+w7WSdMonipetGNfFChuk/tAW9rqzx\r\n8Iuq+xSGOPcmut+cSikoxXAEdZAJ44jaq3CU4QSrjincN9+YOXyi266S5SD+\r\noTF122506uv03OO1uNZehIfHDFKiJSYmXvjs2ByEYKjPGBW/8OfdN6vhf/4W\r\nMz88efei4GTijWfh7JFa92FnMsjqOuTDrtWnedU1FsSKNjxvIV9/bmImCf3T\r\ntcNeMMFvKqYpxkSGY0UlXVNJG6gOyYeZ6t0=\r\n=86Zy\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_2.0.0-beta.50_1676354784202_0.2795692886755916"},"_hasShrinkwrap":false},"2.0.0-beta.51":{"name":"@spaceone/design-system","version":"2.0.0-beta.51","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"types/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"reinstall":"rm -rf ./node_modules && npm install","build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:tsc:watch":"concurrently \"npm run build:watch\" \"npm run tsc:watch\"","tsc:watch":"tsc-watch --compiler vue-tsc/bin/vue-tsc.js -p tsconfig.build.json --silent --onCompilationComplete \"tsc-alias -w -p tsconfig.build.json\"","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","css":"node scripts/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test:unit":"vitest run","test:unit:watch":"vitest watch --ui","test:coverage":"vitest run --coverage","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vitest/ui":"^0.26.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","concurrently":"^7.6.0","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.9.6","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","tsc-watch":"^6.0.0","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vitest":"^0.26.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 16.13.2","npm":">= 8.1.2"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jenny Kim @dsict","email":"kja0717@gmail.com"},{"name":"Wanjin Noh @WANZARGEN","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee @siyeons","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu @yuda110","email":"yuda@gmail.com"},{"name":"Songyi Kim @song2kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin @wesky93","email":"wesky93@gmail.com"},{"name":"HeeYoung Anna Lee @heeyoung1332"},{"name":"Heeyeon Kang @h22y25n"},{"name":"Sungmo Jung @sulmoJ"},{"name":"Minseo Lee @minseolee"},{"name":"Yongtae Park @piggggggggy"},{"name":"Lee Jeong Min @danmin20"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"dcf2fda6f60f622cfd66328126e4537c69707f56","_id":"@spaceone/design-system@2.0.0-beta.51","_nodeVersion":"16.19.0","_npmVersion":"8.14.0","dist":{"integrity":"sha512-a3B3FNde2Yfwfi2W0EnybgHDoYczxcYKjNK/uShZp/3tIFk7UK8WP3kHDJUbW1f3pXpQaNDzQPTcrtcexgbg+g==","shasum":"5f1addd8a3dc6a3cd7881a57881ab1ee65a45bf1","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-2.0.0-beta.51.tgz","fileCount":1588,"unpackedSize":56730076,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCJXLF1JfUaIgCWDB5AO6lV84adUFtwHKymD23eEhGH6QIhALS4UjecNL8qph8VTQdx6cTHdBJt8MDC/f5OzGmIIoWI"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj6zTWACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrJBBAAhv2i2pxlkFhS/fhdsW8J6cYo+mgSs+Bc/M8sUvHCeZmBkIaX\r\nWdEh1jdM2vHqtlBiyymFGnRjND2yJYjWJ09nth1V5/5BdCdsqogvwXdHgIVy\r\nBsBOi6cYZFrzLt7dVpQsvwwvjC57wbfxo9G4qepF3NZYQtDHwSBHX1rhXIEp\r\nXDGoa7e8dULI+mm7Z/ZC31ciId2PA7JyjT5O0uyUCcnwbaN8c4mO/PTrpGiU\r\nZQHG5tCyzu0JKhJ0euTj+9p33qNzzjT22cCFxG+y/9QVtgsfp2t8s5TejZMI\r\nhR8eKsWlE4P64fksAUFGRhPwnvzM4Z3mOy8lCHbSfPiVIAzKYmq7ywDTI/VO\r\nw3y43haF+/KCwpPjklZDrZS+Ez9hfG5AlCeQvPO25pY5lk61y3B94RaO7ejO\r\njlXgPXKTGlm4r9rjJONHX8199vgOZ+8DSX0JKzdPxTkOxLOx3bzL9xk1QzQt\r\nbx8JMCWQY3AJhN18wRxiAuDeVJ6DvIA+c7ub+vVAriihVfkXC7i5OWKmgaLs\r\n+neImnw1nEU5WcQyIOYjP4E/mKTgD2Gd2Cammz8fN5K9dTlHXMtW+JJftUqk\r\niYmZlzSFIanXovemEyA0Q+StbKiJ1i5xbLStSC1Pvd1dC4ZHFvF/XJdxMsdz\r\nfFSnxcnZ0L9+9P0cXvzewRMAI5mODLn6Uqo=\r\n=0P2l\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_2.0.0-beta.51_1676358869638_0.7210038216972927"},"_hasShrinkwrap":false},"2.0.0-beta.52":{"name":"@spaceone/design-system","version":"2.0.0-beta.52","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"types/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"reinstall":"rm -rf ./node_modules && npm install","build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:tsc:watch":"concurrently \"npm run build:watch\" \"npm run tsc:watch\"","tsc:watch":"tsc-watch --compiler vue-tsc/bin/vue-tsc.js -p tsconfig.build.json --silent --onCompilationComplete \"tsc-alias -w -p tsconfig.build.json\"","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","css":"node scripts/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test:unit":"vitest run","test:unit:watch":"vitest watch --ui","test:coverage":"vitest run --coverage","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vitest/ui":"^0.26.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","concurrently":"^7.6.0","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.9.6","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","tsc-watch":"^6.0.0","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vitest":"^0.26.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 16.13.2","npm":">= 8.1.2"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jenny Kim @dsict","email":"kja0717@gmail.com"},{"name":"Wanjin Noh @WANZARGEN","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee @siyeons","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu @yuda110","email":"yuda@gmail.com"},{"name":"Songyi Kim @song2kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin @wesky93","email":"wesky93@gmail.com"},{"name":"HeeYoung Anna Lee @heeyoung1332"},{"name":"Heeyeon Kang @h22y25n"},{"name":"Sungmo Jung @sulmoJ"},{"name":"Minseo Lee @minseolee"},{"name":"Yongtae Park @piggggggggy"},{"name":"Lee Jeong Min @danmin20"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"c70337ede8c71f33112f09d090a202992a30b6b4","_id":"@spaceone/design-system@2.0.0-beta.52","_nodeVersion":"16.19.0","_npmVersion":"8.14.0","dist":{"integrity":"sha512-MAo0/Wbji98h5Y/YQ56HAXviIFfcXUMcBoyNcDz8Pwo6GqetqDalB0k7W+A4IRmbD5L5KZVpuzz7UI5CWYaq6g==","shasum":"68b04afbab1ddbbb37ee41f883f38e0a4b369169","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-2.0.0-beta.52.tgz","fileCount":1590,"unpackedSize":56732735,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAl5QOHfsEHVJmRqEGo/ESKlRtAamEe2he/bSlh6RCSZAiEAqVRR/FLwhNDRQ9yeQi74wpyGadpy/6bFOuFk3b2hznA="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj7GihACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrxRhAAjEF8CpI0J4IeIE24LgYKwxE0zVyCc3TyRh4eRz2lInA+J8We\r\nhnwBcT9NvvSUxtQrJtbDc0GNIRBy4yB57lwAh+1LQ2pndxtc2cxFM7xUV4JP\r\nhmswsYNCPNguXJYVixyi98c25cyAazz78HwI+reUPI7eSU2JMmuDJJRT/ojz\r\ntOVtACP/xMCg5QADFcszXKKfj3RuZcEXcr6gqrUuIWadD5xgbkzrXpd3QyQm\r\nAiiBRSEHF2j+OniEcCMwP3Goa9sp9ITKv6uFuvB9FUCQupofxTwFOr93B98C\r\nUQ31L+iciYw6I2DiqjbPlzysWmKYpyXV5T+ME4lI75wU1HoY+4FgvS5he0My\r\nbZXiVkWjqCzPIDVtiO16xc1nOZ964trCZHmhp0p7SwDczhb6ol4QhjM1InrZ\r\nRJ9/EeHT797suQXhxYIysJVrmtkH7WTV9TjA03aI551nsJiBj/LgKPL087af\r\n72ObDDGdR0yVdr3Pmp79uTNx7N3RrrTUhRDMwy2KvwVvoDh3Uny6rPWQ3lKM\r\nYWtqWWAjcSIJDQ0mFaUcK/H6AV/+14AwvATWdh8NVMU2+Y5C4oNny9oqYKbM\r\nbrKvK++s7DB2CkXiOsYLNLlRywBeY9Tm4MafU5G5dFWsV7xUtuRZoGXgAOAQ\r\nanzfUD0DR+FEsrc6Po/zl4GOHOepUrtDfg8=\r\n=x3M6\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_2.0.0-beta.52_1676437665189_0.7025678149491079"},"_hasShrinkwrap":false},"2.0.0-beta.53":{"name":"@spaceone/design-system","version":"2.0.0-beta.53","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"types/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"reinstall":"rm -rf ./node_modules && npm install","build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:tsc:watch":"concurrently \"npm run build:watch\" \"npm run tsc:watch\"","tsc:watch":"tsc-watch --compiler vue-tsc/bin/vue-tsc.js -p tsconfig.build.json --silent --onCompilationComplete \"tsc-alias -w -p tsconfig.build.json\"","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","css":"node scripts/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test:unit":"vitest run","test:unit:watch":"vitest watch --ui","test:coverage":"vitest run --coverage","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vitest/ui":"^0.26.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","concurrently":"^7.6.0","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.9.6","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","tsc-watch":"^6.0.0","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vitest":"^0.26.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 16.13.2","npm":">= 8.1.2"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jenny Kim @dsict","email":"kja0717@gmail.com"},{"name":"Wanjin Noh @WANZARGEN","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee @siyeons","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu @yuda110","email":"yuda@gmail.com"},{"name":"Songyi Kim @song2kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin @wesky93","email":"wesky93@gmail.com"},{"name":"HeeYoung Anna Lee @heeyoung1332"},{"name":"Heeyeon Kang @h22y25n"},{"name":"Sungmo Jung @sulmoJ"},{"name":"Minseo Lee @minseolee"},{"name":"Yongtae Park @piggggggggy"},{"name":"Lee Jeong Min @danmin20"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"50bd566ca6cd619836620b22e9ab492fc8986ad9","_id":"@spaceone/design-system@2.0.0-beta.53","_nodeVersion":"16.19.0","_npmVersion":"8.14.0","dist":{"integrity":"sha512-7W18x8X8U7w+54xEZ7RlBy4uoSvFWtJw04xDyG+BlKE24JQ42ib3DP3sBDMeY0YIp/mhIhD369I45miv4a0VVw==","shasum":"a2c05e3f38216ff30f73f9b2c75581e6136425c1","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-2.0.0-beta.53.tgz","fileCount":1595,"unpackedSize":56738780,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIE9HZVcJuA5GAxcOKSeqq2GMRIUDvlgL97Rug0HABG5OAiEAsbnxDb10a5rLhjiPpdUOjugsVT78RjVXmzhFP5+30eQ="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj7JbRACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqydg/8Ct7Mg6BEUHbd15ZjybNvTpRfw0Yb+lS53zSHKjovpqPfP3kO\r\nNr5P6DRH1aCwNmwJ71HcgQ426fUiKDU1QAQRos85F2XYKdcUIYCucutCYHog\r\nA0cbKxaOsKSj2zD0/+zBJRKQAMP9nxfS61PZgE9S40RbK9TVXg2uzDGwwSq+\r\nP2yGtZg6iD0C5QgaKYDW+1p1PXlMSlUNeDhU2oYJyJn3jp+IgAKcivr7B1Gg\r\nxG5pIRL1+TN5W2tjlD3sZmwXUVVyE6OyDGqRYlxUFj6cczAlXD7Zjl+rE9Tb\r\nEIn8ctgWvH+Uzq2dlKeZneqYFLUfl3sB72YYaxKYeAUlRfg2FgYPvUCyLF6a\r\nZFh7SKxwyquUfz4iPZ9nh2yFMS+axKmMKX/Lo+bUxnd8mlHhtacE1ZuQ1Rsp\r\nwnltOSdMasJa9uBVJun+MDkIkqPAujuyaC6iy4gLsPJsHZ2HXys2HIhiUUtN\r\nA70gq5fjLGxNmAqSHBPT8kyZd8o1lx15jTY3T6hkDVXU8LtrQpqpYqkf7osl\r\nkIhme4DLZtayE1zOkF6x/AZ5HkxSPxXY6+HaVZPAaZVNm/JewxZY6nJO3s2I\r\nqJsQiEJGVcIjnFhjRc5eoOi/lUpSGc/AAYcCgMoj9ST9/6eHm0tjSQhBupzg\r\n79uSppApZ3dzD3d8xjBj2N3mmWQEZOhAhhU=\r\n=S7yb\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_2.0.0-beta.53_1676449488725_0.2769261626733508"},"_hasShrinkwrap":false},"2.0.0-beta.54":{"name":"@spaceone/design-system","version":"2.0.0-beta.54","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"types/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"reinstall":"rm -rf ./node_modules && npm install","build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:tsc:watch":"concurrently \"npm run build:watch\" \"npm run tsc:watch\"","tsc:watch":"tsc-watch --compiler vue-tsc/bin/vue-tsc.js -p tsconfig.build.json --silent --onCompilationComplete \"tsc-alias -w -p tsconfig.build.json\"","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","css":"node scripts/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test:unit":"vitest run","test:unit:watch":"vitest watch --ui","test:coverage":"vitest run --coverage","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vitest/ui":"^0.26.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","concurrently":"^7.6.0","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.9.6","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","tsc-watch":"^6.0.0","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vitest":"^0.26.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 16.13.2","npm":">= 8.1.2"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jenny Kim @dsict","email":"kja0717@gmail.com"},{"name":"Wanjin Noh @WANZARGEN","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee @siyeons","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu @yuda110","email":"yuda@gmail.com"},{"name":"Songyi Kim @song2kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin @wesky93","email":"wesky93@gmail.com"},{"name":"HeeYoung Anna Lee @heeyoung1332"},{"name":"Heeyeon Kang @h22y25n"},{"name":"Sungmo Jung @sulmoJ"},{"name":"Minseo Lee @minseolee"},{"name":"Yongtae Park @piggggggggy"},{"name":"Lee Jeong Min @danmin20"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"53eebc744b1a765633631eb417aeaa0dcea54385","_id":"@spaceone/design-system@2.0.0-beta.54","_nodeVersion":"16.19.0","_npmVersion":"8.14.0","dist":{"integrity":"sha512-WhwKEWVpUnCYE9F3IffXhXbDWS2p2Dy8RvD59Iv54fLdHYhP1tfZZaYTAnKlNLXXdEiUku5Bd6FbmCo4c/UezA==","shasum":"1d83f51bf50d65ae472f041f83cbb43b96ab2ba8","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-2.0.0-beta.54.tgz","fileCount":1590,"unpackedSize":56712379,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCpxiAhh29Do+Kegr2kobfYnpku9yDaHIOMOIMkYD0GpAIhAJW/BFnjtn3A9oIwPDCFtSx09aR+rv/FTBGDs1p3st8u"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj7d0hACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoWNw/+KjpTU/wCdne6aAyws7VCPyhNsXTzZQ4upvQIQPwBTqDe3mH0\r\n2QnYZSlAAhnzTyyuRpItoTQ9G20bFqvLUuax+hwJFpDL19qp6Ju0LlMq+voK\r\ng//UOM/iqjFATbnTsv6toe/SR7g1ZZC59A0doWYObrGmxJoJn5YGFnnMM3kR\r\nS5ysa6j2pGUEtQl3BXdHhAAHUzfaMZKyIvirUjyHTjyEPZvwqRgdJXrNOlT2\r\nnpbwrtRcgKZyoaoMrArQ1usxrYaHldGcTce8CBG5ye/dLzkvvk+aFgYn7dHM\r\nekFDatIDtmvurEVHftcZCTbWv06mFHuIrZ2T57EAsxGQgcznvxEWC3o6PMhi\r\n8klPT85+y7/Pwvx+Uwk4R4gCVhQWdGTCsCGZuQHVehZ5OkdVUnOGCAD0goMj\r\nHlpueL/SY9/LAtWTo81eErvGHjk1mDfX3BhogjKHaeAARiiBntieSu+JPe75\r\ncZBEKFw7lzUiHGu1CGoCNMxUbZezUVMPVyoJD4Y0afvDiWqlEegCcBxGY/AB\r\nkQkp6Pk/deQgHc4YeQ7LZgqnQDHn1oTo6D2PC3d6oBoO6HvLmv7cTJlWt8wu\r\ndXE95xNvt/96N1rKDjpx0Y7bMydg/FTfrlZXDET1Y/AENrjVFTWN2yCfAXnT\r\nfkrC6psnCyU7pP6/AoWwLQQUFwyYaW9FnHA=\r\n=1qA9\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_2.0.0-beta.54_1676533024985_0.7097591382581647"},"_hasShrinkwrap":false},"2.0.0-beta.55":{"name":"@spaceone/design-system","version":"2.0.0-beta.55","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"types/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"reinstall":"rm -rf ./node_modules && npm install","build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:tsc:watch":"concurrently \"npm run build:watch\" \"npm run tsc:watch\"","tsc:watch":"tsc-watch --compiler vue-tsc/bin/vue-tsc.js -p tsconfig.build.json --silent --onCompilationComplete \"tsc-alias -w -p tsconfig.build.json\"","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","css":"node scripts/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test:unit":"vitest run","test:unit:watch":"vitest watch --ui","test:coverage":"vitest run --coverage","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vitest/ui":"^0.26.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","concurrently":"^7.6.0","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.9.6","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","tsc-watch":"^6.0.0","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vitest":"^0.26.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 16.13.2","npm":">= 8.1.2"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jenny Kim @dsict","email":"kja0717@gmail.com"},{"name":"Wanjin Noh @WANZARGEN","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee @siyeons","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu @yuda110","email":"yuda@gmail.com"},{"name":"Songyi Kim @song2kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin @wesky93","email":"wesky93@gmail.com"},{"name":"HeeYoung Anna Lee @heeyoung1332"},{"name":"Heeyeon Kang @h22y25n"},{"name":"Sungmo Jung @sulmoJ"},{"name":"Minseo Lee @minseolee"},{"name":"Yongtae Park @piggggggggy"},{"name":"Lee Jeong Min @danmin20"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"f9fc55199b37316e968ed27c0b98ae63c698f66f","_id":"@spaceone/design-system@2.0.0-beta.55","_nodeVersion":"16.19.0","_npmVersion":"8.14.0","dist":{"integrity":"sha512-tiST8oV8uSil5Og4RGK5KCmnAp2KlER2yejIqB+pECFiDCKGHe+TCbceLnGfh3nCv824e8vh0MoHP5XqKFWXVw==","shasum":"9a1ae062ffea323df4531e9309145fb8630a9e53","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-2.0.0-beta.55.tgz","fileCount":1586,"unpackedSize":56700602,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCRY5YmxN6U58zM0POLgG1aWTh0MnH7nFWaylNTftvPigIgcKRh0pSuA2loXKfke0I5FWkCauvmsKF53LwHbEHMtuo="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj7eD3ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoXPw//QOZUTpEAgWc/5xhb37FwwoHBWmljcN2BkM+cvFKTYHk0sf6f\r\n3SvO3meVGpz1VjWZ5ld189X0Zz3bYQdQEJt4hwC3uWhvVkAJDhnI8B12xK5n\r\nwGMy3ErHdYKrNtzjvjle2xnUPsBRGIywyjjBIEcv5jyujMABNWPrWYMOBxba\r\nFj4p8+FWBXCJhnExHsovpcz//1eNumSSIEN6PJQ6XTk4k5s4CuNCNj9QuDEZ\r\n1X2temJHYUdJs8e1dYeX+MvSjmf5BOZiE6tfXXjrSumfg0bKUh1AinEBvhwZ\r\nkSl8X11e2+7egY8Eb8cv9QITnPSMGXyHT1KZMpzT54Ivbnb6+0b1hjOnY1AQ\r\nVJSnUb8Rj4VUA4M3wwfNwBciBC5YKDwEMDgU3UQ1VVq+3brAYmPWXKGtz5i4\r\nMfL26KX8qxcLDwf0GcBdufUDNy1w7UsrEb1qKTZDfJ3IL9bp+AXhqiiAtsaA\r\n9ujxlv+5niLYqzBIwW5FaIKUg/wf4Tg94LgG97/ouHr82HqmOnSXJ1ls8EbW\r\nV6umINQ8zPsr2MRhr/f3NFnjbrU3eVPlOnLkPYPp67w1cMLfwWAPjokh8GQx\r\n5kGxMl4Nm46je3vw0zCCrpVoczb75H57k3sq/cTW521iF3UcFlqBD7H9oJcz\r\nG8YtByC+c26dFNJD2JFh9lNF7m1PK0iUqb4=\r\n=8hzB\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_2.0.0-beta.55_1676534007514_0.1615523167284445"},"_hasShrinkwrap":false},"2.0.0-beta.56":{"name":"@spaceone/design-system","version":"2.0.0-beta.56","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"types/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"reinstall":"rm -rf ./node_modules && npm install","build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:tsc:watch":"concurrently \"npm run build:watch\" \"npm run tsc:watch\"","tsc:watch":"tsc-watch --compiler vue-tsc/bin/vue-tsc.js -p tsconfig.build.json --silent --onCompilationComplete \"tsc-alias -w -p tsconfig.build.json\"","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","css":"node scripts/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test:unit":"vitest run","test:unit:watch":"vitest watch --ui","test:coverage":"vitest run --coverage","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vitest/ui":"^0.26.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","concurrently":"^7.6.0","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.9.6","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","tsc-watch":"^6.0.0","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vitest":"^0.26.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 16.13.2","npm":">= 8.1.2"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jenny Kim @dsict","email":"kja0717@gmail.com"},{"name":"Wanjin Noh @WANZARGEN","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee @siyeons","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu @yuda110","email":"yuda@gmail.com"},{"name":"Songyi Kim @song2kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin @wesky93","email":"wesky93@gmail.com"},{"name":"HeeYoung Anna Lee @heeyoung1332"},{"name":"Heeyeon Kang @h22y25n"},{"name":"Sungmo Jung @sulmoJ"},{"name":"Minseo Lee @minseolee"},{"name":"Yongtae Park @piggggggggy"},{"name":"Lee Jeong Min @danmin20"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"c9211d34386b824e145a5a62ca18bdd3fb6edf91","_id":"@spaceone/design-system@2.0.0-beta.56","_nodeVersion":"16.19.0","_npmVersion":"8.14.0","dist":{"integrity":"sha512-mpXiO5KdA1Sis7VRCEqcaRSiwIaSOHn8atDE5+tKlmQbOz05ZbvZkKzn70MkCF6B2NyZYvfTSq7El17SjM+bZw==","shasum":"e45a25252afa2a14e06c4b940ea1235fb882076d","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-2.0.0-beta.56.tgz","fileCount":1586,"unpackedSize":56693836,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDjcJ9CQ9rEVbdyvmZeW1N1KiV8GT3p2ZG4FudzN9GC5gIhAKNq8xMFETdcE0/gihEhOsVFcAyjT2AtibzIxhgu2fpY"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj7e+fACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpR5A/7BpDmXuqRpXBASUruZI9wSK6I9sSmO+z3ShJvtyKPVhLwpiWD\r\ny/t4NuAkr99b7HJGPqQowyyOPNHZtJ51+A6gqBcj4I92s0vs1SJeDPQjKyJe\r\noiH3MxNzI4l5nWE4+nrdkUS/OWOaF6DfcUv8cG/gQqolP7Umr2zRTKF73nsx\r\nWYO5OUVn6YcDOUIPIl1TENFjEEqWh43kB93gZpUz/Xien+7W0PH/LCmq0aGu\r\nIcdnW+DIAsXZ1kMGrywWJKOF7dC3/pbEuzZ4umcrWgyq3+JToy8Uzmm6T5re\r\n+pRmBvzCs4knWuDj8+L5v+Q9grNve34UxNzfzcHmZTr1DE2xc5IZtrtYfVbD\r\nP3R8wcTRSs1oCMoGAQSUNGNFphq89fOt3LjmtAMZf3ZjnpknzzCVsu1kWKkf\r\nlxsrGJrrj8c+6Wv3cEY4PIiIUE4sl/9qReHEZzOsSdoOGuZNgkyZHyXEnD1U\r\nNcgGXoPCwX+wW7MShT7sLJCxXtimrZifl6kEzLyl0hhw3wgddQH8nq6NZMcf\r\nhcSy4zLkKiFThOik5riU/U9n7I5tN2hisEbklMhQoGebqZHFM2hl2ZV+mndP\r\nxnJkGiGzaV6U0GwGOwmRfCXacdLlMDYNz1SiQK6+BtE53Oyxpz650RK2V9lL\r\n+UXKB8Nqggzv+DYOvPX9q9PChANrJQLqOoU=\r\n=7vwP\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_2.0.0-beta.56_1676537759411_0.3209058379993579"},"_hasShrinkwrap":false},"2.0.0-beta.57":{"name":"@spaceone/design-system","version":"2.0.0-beta.57","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"types/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"reinstall":"rm -rf ./node_modules && npm install","build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:tsc:watch":"concurrently \"npm run build:watch\" \"npm run tsc:watch\"","tsc:watch":"tsc-watch --compiler vue-tsc/bin/vue-tsc.js -p tsconfig.build.json --silent --onCompilationComplete \"tsc-alias -w -p tsconfig.build.json\"","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","css":"node scripts/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test:unit":"vitest run","test:unit:watch":"vitest watch --ui","test:coverage":"vitest run --coverage","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vitest/ui":"^0.26.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","concurrently":"^7.6.0","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.9.6","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","tsc-watch":"^6.0.0","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vitest":"^0.26.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 16.13.2","npm":">= 8.1.2"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jenny Kim @dsict","email":"kja0717@gmail.com"},{"name":"Wanjin Noh @WANZARGEN","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee @siyeons","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu @yuda110","email":"yuda@gmail.com"},{"name":"Songyi Kim @song2kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin @wesky93","email":"wesky93@gmail.com"},{"name":"HeeYoung Anna Lee @heeyoung1332"},{"name":"Heeyeon Kang @h22y25n"},{"name":"Sungmo Jung @sulmoJ"},{"name":"Minseo Lee @minseolee"},{"name":"Yongtae Park @piggggggggy"},{"name":"Lee Jeong Min @danmin20"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"84766f2b3b4eacb888208aed161b53e791fbfd6d","_id":"@spaceone/design-system@2.0.0-beta.57","_nodeVersion":"16.19.0","_npmVersion":"8.14.0","dist":{"integrity":"sha512-ZE6pt9Xl4De3KfJNZ2K96roIsUL7eUkDsDPOVfq9DUiX95+GkgytEaTBn5IAzhX3AnJZec830EfErS7rpJuUTg==","shasum":"48c3257b53e26b744d76e03d60cd59b6fe3b7d97","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-2.0.0-beta.57.tgz","fileCount":1579,"unpackedSize":56641313,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDHPa2E0+KcQzG9urI38GuCXzmaOXWHkd2XELTfN34WyQIhAKPxbxkKDUeFbY6jYXygjXddXL2GsnIRqRdjrMvQ5/hK"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj7fTbACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoNQxAAjaCS9bYurZoN+kXeJG/bkHvOWNpsjEb60JGnEg03MC/w/fIs\r\n7yvyOEdpfJGm3bWX/Q4fMW0MJKak9mFUeHo6LJP20pdOxBEyrDlsKmZRUX58\r\neGnW1Se8wizbdwAqHdtgZQdganUzM8GS/GOChoYx2rnZW7yFMIBnd/P4Lzge\r\n3c/bbzXkNCItMVLcnUhpsTjUbYLMu1v3dLb7vaeyFJ6t5Nn4yPe81CAaK0Yk\r\nUi21WO1sLbBho+zVyrdVAnZW2olIRYUTuBjjK82wgTWeLEiXAr9NnQVp7dnZ\r\nMJ0SdnDi9W+mtVpGFRgsr05SwsN3g9/GXV2tOxEahX3P3ecXgHpg7doo5H7u\r\nnnCKqyoWw10lIOBXBFXLf/xEe/ydS1AhgQ96Q8NWk6l/dulKm+zUTUsFegn6\r\ndYWD737dl03omjOJ+4UXi13/4MhAAuQBy36/eArhscZYpcRuy9rBWAj4GYX5\r\noF1vgkdP4mowq+IEAZaRQ06zIRmRrjXP6x+h3NWErnyuOV46SZomUP/pSMHN\r\nkcm4okjWEDDPsZcKEDhxmpksxr+65u6XIkkaQm1THIilVLHeiFhkm7QfUqOM\r\nVfxSIdsp70UWbdtAIhoN+Ezuv6T4yoLqbdxRFLNYLDiuo3F4nFl/8iM2uB7V\r\nqwUkwDgV4ft5Ooss2iGhsfpAZwTwa8TrYRw=\r\n=TScx\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_2.0.0-beta.57_1676539099110_0.31895769134946117"},"_hasShrinkwrap":false},"2.0.0-beta.58":{"name":"@spaceone/design-system","version":"2.0.0-beta.58","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"types/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"reinstall":"rm -rf ./node_modules && npm install","build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:tsc:watch":"concurrently \"npm run build:watch\" \"npm run tsc:watch\"","tsc:watch":"tsc-watch --compiler vue-tsc/bin/vue-tsc.js -p tsconfig.build.json --silent --onCompilationComplete \"tsc-alias -w -p tsconfig.build.json\"","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","css":"node scripts/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test:unit":"vitest run","test:unit:watch":"vitest watch --ui","test:coverage":"vitest run --coverage","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vitest/ui":"^0.26.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","concurrently":"^7.6.0","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.9.6","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","tsc-watch":"^6.0.0","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vitest":"^0.26.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 16.13.2","npm":">= 8.1.2"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jenny Kim @dsict","email":"kja0717@gmail.com"},{"name":"Wanjin Noh @WANZARGEN","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee @siyeons","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu @yuda110","email":"yuda@gmail.com"},{"name":"Songyi Kim @song2kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin @wesky93","email":"wesky93@gmail.com"},{"name":"HeeYoung Anna Lee @heeyoung1332"},{"name":"Heeyeon Kang @h22y25n"},{"name":"Sungmo Jung @sulmoJ"},{"name":"Minseo Lee @minseolee"},{"name":"Yongtae Park @piggggggggy"},{"name":"Lee Jeong Min @danmin20"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"7817ac1b8fcfd6ceba73cfbc97bd507f1c8ae57c","_id":"@spaceone/design-system@2.0.0-beta.58","_nodeVersion":"16.19.0","_npmVersion":"8.14.0","dist":{"integrity":"sha512-wkeADBUAP0OQMPys1lGwZiKTM7fc21TZUkccv52Zz4Ky5xo/bFNjHXFy61v3ZQb/pkr8pIkqjAhrboCG6ucecA==","shasum":"9460aec4e309fe16b3532c7b0e7d144ccbb545a5","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-2.0.0-beta.58.tgz","fileCount":1574,"unpackedSize":56612391,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICAuRWDNy34fP1ibo8W66d3iCnRaKdMi0C8nvOnXe62AAiEAuJr92pmuqyfqZjp8Ri4xddRs5lZo/Yaphq/JjNTm9ec="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj7fpCACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqkYw//a8I7253M02h2GESzrw+UhVTf6FoaEOJmDL8lgtCZQwzrFjwl\r\n3pjDmrYoUTwCPdsDE3/9uxAvBPQER2QPTc2icVi/utCOc6ob4N/dWFvrfWQ2\r\new+0N48WP3ThFHqDmIAt4xk7Ul/iQNlqhmMQiGcXcIraohdnUSQw5eS7Ub5Z\r\nfPGhjbyIpPmNlidrh/gXlR/Bou2z2+fgs9RgmCEuEFPwK5+YV8OPnMwb3DX2\r\nFvvAA3Ei4C27xoZaNHajN+7zPaDgCoSRGbJ1wbZF4xFjlIbyrG910WQ0MxxQ\r\n9qjq3T+zpww5jmvy9XoyEfGlCDD17nVPgakhuyLAevVDLD8XTpnQE+QmivqY\r\nSFVaHglBYvUQDsC7Z41Krg9Sl72Es0mSNTaIvxRdpAdQAv0sx21uGa3gSype\r\n18NKBJ97SksgGLjwv1jlnQD1Rr00h/0C5wX885WK1m1cAs0cAah3tV+2VlWP\r\n3/FGOx/zf+c2bsNo4AcSYxvQ+JGtHSP3RNSr9IaqibHx3gXF8OiW4i5jSV2C\r\nZ8XlGZmyHcgjHxqrCH1EPKFQYd5ZOORmPggrhZRFrCrkbud5gT1wdxwxeRxX\r\nr+N1wNnQfMvi+Jxzem6QKVrrcpFWEv7Rvud/Y07vOPL+3f3M7rUPp3Ywumx2\r\n/qt//OeRWufuWW6UxWXvsVEpJfcfoPk5PP0=\r\n=IEeM\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_2.0.0-beta.58_1676540481640_0.17105479076547936"},"_hasShrinkwrap":false},"2.0.0-beta.33.4":{"name":"@spaceone/design-system","version":"2.0.0-beta.33.4","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"types/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"reinstall":"rm -rf ./node_modules && npm install","build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:tsc:watch":"concurrently \"npm run build:watch\" \"npm run tsc:watch\"","tsc:watch":"tsc-watch --compiler vue-tsc/bin/vue-tsc.js -p tsconfig.build.json --silent --onCompilationComplete \"tsc-alias -w -p tsconfig.build.json\"","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node scripts/lottie.js","css":"node scripts/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test:unit":"vitest run","test:unit:watch":"vitest watch --ui","test:coverage":"vitest run --coverage","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"5.10.0","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vitest/ui":"^0.26.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","concurrently":"^7.6.0","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.9.6","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","tsc-watch":"^6.0.0","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vitest":"^0.26.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 16.13.2","npm":">= 8.1.2"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jenny Kim @dsict","email":"kja0717@gmail.com"},{"name":"Wanjin Noh @WANZARGEN","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee @siyeons","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu @yuda110","email":"yuda@gmail.com"},{"name":"Songyi Kim @song2kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin @wesky93","email":"wesky93@gmail.com"},{"name":"HeeYoung Anna Lee @heeyoung1332"},{"name":"Heeyeon Kang @h22y25n"},{"name":"Sungmo Jung @sulmoJ"},{"name":"Minseo Lee @minseolee"},{"name":"Yongtae Park @piggggggggy"},{"name":"Lee Jeong Min @danmin20"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"3f3811222641b0257fdda5f32582832176c29163","_id":"@spaceone/design-system@2.0.0-beta.33.4","_nodeVersion":"16.19.0","_npmVersion":"8.14.0","dist":{"integrity":"sha512-Xaam1L1WNwt8g0QfzDRFci1tPl6/EQKfqQvC7VF0ZDQFrtMyc8sSpyPO5xoCOjKPP9TjsPQXzCn2keHXHlZ/KA==","shasum":"237fc7a054b043ceab5ea8e70e9875d37d172dc2","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-2.0.0-beta.33.4.tgz","fileCount":1675,"unpackedSize":60155960,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCLregoBdRUUIg2/jVlegvJgE/KZbVuQh+v13mX2AQg1AIhAII6Icf+z5D23Z7VcofML26UwmIJ3IVnkJMJ1QHv8668"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj9sPZACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqKQA//Si7Pj2TMAkXZJi/yg0DTEEg89k6Suc3OkXoXMsWWppeoW3s6\r\na6DYATMYs5J6EZFG4sR6lFSJWsQ1I4+IuV0n1AA7sPhIxISYi408/8lr62/G\r\nENz4cZEQQY8tprptacHpr9MjBEickNYLb6L9U6rwuMWzLhGUjqVBH4TTsgXt\r\nfbMv7ACZjAhY1QdZ6WpB0y8TTXtStjBULCem9kyzgRLXXfC4T0FV9Hvfe8uM\r\n3h1VPvQerEXFW+skA9OIU6jKTILS4efqr9q+Wny5yCekPyG8fzqB9WCFVpsP\r\nYf6X6zE7IN7KjPSrnpFYU4dJsPBeS+04fNj+rj0qftxg9sUzk3sko4jhycx+\r\ngM5I7m42jw05MQLF/5GzKEA7D17xX6cCsnXE8KV/Tjsr2CwYh2PzE8jNec0a\r\nYbEw0IlGgRlxs1WUmmTDo65SGyGW0CCpqTVUPuQzPXSY+/tCFzZZNIET+6pz\r\nTAbwxcTPOJ3V1If8Gj1oXwnr6AktqcA/CIj+VJy2/XTvPQZgVNCWMTkVUu++\r\nSKaZACb44mIVCzXSTN83gSe3g5AlXBIQIDwa6yCEzb/gJTXWGmuIFl+iVrwv\r\nwoydi7Dd/WJZc2XwgCaijcpmVstjZ6gWUBs6ApQUMPJujaA4dpaqEImx9rbQ\r\nnYPcaC6bs4iFQ2ul6T7TzcQxKqpVl5HmG+A=\r\n=SL5T\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_2.0.0-beta.33.4_1677116376648_0.9380953365989333"},"_hasShrinkwrap":false},"2.0.0-beta.33.5":{"name":"@spaceone/design-system","version":"2.0.0-beta.33.5","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"types/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"reinstall":"rm -rf ./node_modules && npm install","build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:tsc:watch":"concurrently \"npm run build:watch\" \"npm run tsc:watch\"","tsc:watch":"tsc-watch --compiler vue-tsc/bin/vue-tsc.js -p tsconfig.build.json --silent --onCompilationComplete \"tsc-alias -w -p tsconfig.build.json\"","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node scripts/lottie.js","css":"node scripts/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test:unit":"vitest run","test:unit:watch":"vitest watch --ui","test:coverage":"vitest run --coverage","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"5.10.0","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vitest/ui":"^0.26.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","concurrently":"^7.6.0","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.9.6","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","tsc-watch":"^6.0.0","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vitest":"^0.26.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 16.13.2","npm":">= 8.1.2"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jenny Kim @dsict","email":"kja0717@gmail.com"},{"name":"Wanjin Noh @WANZARGEN","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee @siyeons","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu @yuda110","email":"yuda@gmail.com"},{"name":"Songyi Kim @song2kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin @wesky93","email":"wesky93@gmail.com"},{"name":"HeeYoung Anna Lee @heeyoung1332"},{"name":"Heeyeon Kang @h22y25n"},{"name":"Sungmo Jung @sulmoJ"},{"name":"Minseo Lee @minseolee"},{"name":"Yongtae Park @piggggggggy"},{"name":"Lee Jeong Min @danmin20"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"d997646e2a8989a670b1c5182924abd0e06d2f56","_id":"@spaceone/design-system@2.0.0-beta.33.5","_nodeVersion":"16.19.0","_npmVersion":"8.14.0","dist":{"integrity":"sha512-94Vc5fkH9FNyKg/IwOM5Z60MVP0B9yFqf1O+NMg68qTPcYUb9Mbp/tDWQC31Vg4txrhPXnD1dUeSoy83yvKPlw==","shasum":"0bef956c5b56081916f1e8cdb92ff115a248a0b4","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-2.0.0-beta.33.5.tgz","fileCount":1675,"unpackedSize":60156268,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDKWky207Y1ivRac6i5St670GnE28ZpYaPztxQpOyRCjAIhAIFE3iC/cdxc0a0ALz6x0dS/W+rdKCLQxQHP4A1U1uce"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj9xcAACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqdhA/9GBB4VWtRFto5PSiXL3DxaOIgaG7yYUqhPzDEv8o4bJ5Po2mg\r\nm8q3i82BqzcVkfPYPnaGI7S8iUXOu7PUCtaiQ7OxMmJe5fWzqIxi950W0fDZ\r\nVSVsFygLkV18LrdvSQGBdynL153UTY3bDhK1cdgHK/pY0h8VF6QYL7UJpMZs\r\nBq6ViWcr62V6VFiFq3xPZs/kFUE3k8bTMg3ZJqLbupnbv5Dg+cP0KCsClmrW\r\nMRZt8sW4uWf+g0CB/6MndCE7wxMTMEtliVKI0viREDwecGrt3uV/zf0EjVph\r\nkXg6QfymEBZAgL791a0kAgyKR0i1Uyh0sFN3c7l77ORoVZMdUCanemHK9Kaj\r\nVqXgnyJCbeOAkgU2vw/8VlgZmqf+ngz9xLDeFkYB2qTQJJDbUt0CwEAZ4AbX\r\nCPsGfLbjEx09jkrLqu7vU3k8AS372DLENuTOhRjHHrd4zdQREgzFRARRtmf2\r\n4WJwec8+R+uIfJufscfSmjCWe5iJ4d7o/TTkpjBacGep2ntm0p9ZC4Rd8OIe\r\n1FAPnwk5sTCa5Ug8kjdnS1oQifmmxB8j3tvwCx8enGNkVROIo75Tb8+iVZHp\r\nCH5z6/HDH1r/W1TKexzvdNSDOp59yIbtCDKL7rvO8vaJ03F0js2CdLume6Uj\r\ng91dUCu1kU5IasoYlob8CyADXN48lBkH630=\r\n=SgBx\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_2.0.0-beta.33.5_1677137664185_0.9790339729743527"},"_hasShrinkwrap":false},"2.0.0-beta.59":{"name":"@spaceone/design-system","version":"2.0.0-beta.59","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"types/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"reinstall":"rm -rf ./node_modules && npm install","build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:tsc:watch":"concurrently \"npm run build:watch\" \"npm run tsc:watch\"","tsc:watch":"tsc-watch --compiler vue-tsc/bin/vue-tsc.js -p tsconfig.build.json --silent --onCompilationComplete \"tsc-alias -w -p tsconfig.build.json\"","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","css":"node scripts/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test:unit":"vitest run","test:unit:watch":"vitest watch --ui","test:coverage":"vitest run --coverage","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vitest/ui":"^0.26.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","concurrently":"^7.6.0","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.9.6","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","tsc-watch":"^6.0.0","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vitest":"^0.26.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 16.13.2","npm":">= 8.1.2"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jenny Kim @dsict","email":"kja0717@gmail.com"},{"name":"Wanjin Noh @WANZARGEN","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee @siyeons","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu @yuda110","email":"yuda@gmail.com"},{"name":"Songyi Kim @song2kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin @wesky93","email":"wesky93@gmail.com"},{"name":"HeeYoung Anna Lee @heeyoung1332"},{"name":"Heeyeon Kang @h22y25n"},{"name":"Sungmo Jung @sulmoJ"},{"name":"Minseo Lee @minseolee"},{"name":"Yongtae Park @piggggggggy"},{"name":"Lee Jeong Min @danmin20"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"ff94415a2560a731b4e5f78024438f8d24205965","_id":"@spaceone/design-system@2.0.0-beta.59","_nodeVersion":"16.19.0","_npmVersion":"8.14.0","dist":{"integrity":"sha512-kmQ8NPc1pewM2HA7KDKlNc0530UHdrqj8QFgceR6jxOL5BsZJPlttVKefTArMidt1aq2If8pOwPJtZLSfTR6lw==","shasum":"be0e65dd7135749c2438d3b38ea65b0fd051ffe1","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-2.0.0-beta.59.tgz","fileCount":1574,"unpackedSize":56953187,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC3AXr8ZsS1JZLk+jSEZK0bmfPI8A1zeyafdb7OuzGTWAIgMYVJQQJY/Ky+YrQptm5E+OaElxmP01FhaysiUuKrzaA="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj9ySpACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqMHA//a0lXI5bcbH/kvyy2fBPDsuGqbsBiiIY8cs7ITMHuwmFmShzM\r\nB6oEUh4CznG+wuxZgRZzVF/LqUANGSVU0rplTYaQANm+UEp/y3d0Ez5yNwxP\r\ndctJlio7lhwRZ6T0rbwOd+vSbkjLXbqZ81dgfu1m2KxJFsCxCXKn+p/85iE8\r\nDohnRdnMpWkT/9sSr/DXGxsLBFmLIqkmomwhl87TsfZUMqP/Vl4JHz8NTAOA\r\ns/o8DVPwLPUPDWctttA4MgEcZ2JVeMIHOweoPPRB3m4GHIQDTuaqtaqYYur0\r\n0pcwYUkq6Qqtd0LfKYtbE6vFV67xLWQQAin2p4dzoHGPpwyIo050lzDcu25f\r\n87IhWH/k/Y+j5hjD8dfqyi2+XWFUaJQ5sPXbILl1EBGuEdntp0/anLPTaLa7\r\nSc5v8tjczC6VOKFWxpfr703a3KNZSme6H71Didm+BhlVGBE7yf5Rq7j1Uo4f\r\nO6OZjZdhMBBNg5FebEX512Hzl5f+aKLgP+W3ZokR1fLgku706M6+8VToE0dG\r\nFJWUq3ASyQmEwNdv/0b5iEX5C+w8z4VxOeg7K4wC7kAjBKwyggN9W6PWnnji\r\nYZ+FEgdDa3M6YK6MQPLUHHUjcLPT/WyA3XlNFwMRCE8tBGUXs3JMQBiWiLI9\r\nUpjOxewSKc0PDnUafa1gWf6iMN8IW6Zxy90=\r\n=sQp5\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_2.0.0-beta.59_1677141161373_0.1056673359380278"},"_hasShrinkwrap":false},"2.0.0-beta.33.6":{"name":"@spaceone/design-system","version":"2.0.0-beta.33.6","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"types/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"reinstall":"rm -rf ./node_modules && npm install","build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:tsc:watch":"concurrently \"npm run build:watch\" \"npm run tsc:watch\"","tsc:watch":"tsc-watch --compiler vue-tsc/bin/vue-tsc.js -p tsconfig.build.json --silent --onCompilationComplete \"tsc-alias -w -p tsconfig.build.json\"","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node scripts/lottie.js","css":"node scripts/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test:unit":"vitest run","test:unit:watch":"vitest watch --ui","test:coverage":"vitest run --coverage","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"5.10.0","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vitest/ui":"^0.26.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","concurrently":"^7.6.0","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.9.6","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","tsc-watch":"^6.0.0","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vitest":"^0.26.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 16.13.2","npm":">= 8.1.2"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jenny Kim @dsict","email":"kja0717@gmail.com"},{"name":"Wanjin Noh @WANZARGEN","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee @siyeons","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu @yuda110","email":"yuda@gmail.com"},{"name":"Songyi Kim @song2kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin @wesky93","email":"wesky93@gmail.com"},{"name":"HeeYoung Anna Lee @heeyoung1332"},{"name":"Heeyeon Kang @h22y25n"},{"name":"Sungmo Jung @sulmoJ"},{"name":"Minseo Lee @minseolee"},{"name":"Yongtae Park @piggggggggy"},{"name":"Lee Jeong Min @danmin20"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"c11886b82b7cbf59e06a7562edb5a968850b1072","_id":"@spaceone/design-system@2.0.0-beta.33.6","_nodeVersion":"16.19.0","_npmVersion":"8.14.0","dist":{"integrity":"sha512-eVPdKmA4ad5XornTy6nu5FlR/Mos436PrVHlRXRgk9XAcY5YumYcAJqv8fPmsr0QgjwJTdjY95athJIBHO3qZA==","shasum":"6dd99a54887dda24b85a844e7bec6f1e3658da44","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-2.0.0-beta.33.6.tgz","fileCount":1675,"unpackedSize":60158771,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDsK4ACk22NXZtMwJYX34qJ4QETplYK/dGI/ZvTXmuTfgIgOS7qJueHFqH7KAzXHPq5iMWQUkgul8n2yOq0Qw/6JCQ="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj9zBsACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr/TBAAih/tGc0XlMkNIP2Qiy3PMp0KlXVRRJFLH8IZJydzc3AYi05y\r\nkGvJT+iIccu3p24MYMdFS242sHziB+0RO/OKG8we9IsTmYvVfCFW2euUCXFw\r\nPoM/atB+DcIGXH0VyQ14CtB0+8b8gk58BdWw/cOnh9bbaLQgfzvZOwkUzcCp\r\nabsZgD+k3wvzmJU4sPnqXbD0sAPdEHGiSuARTB1vBhvv+4MGXuiJX2gjlbId\r\nWMPLiFEBYkntA8dLm4sGZFEO7eeKCu0DCX9dYV0WWUQLPEX1mxHuiS9MOah1\r\n+PESoWxrXiRv8QbcnX0b/OPc1ppUR42up/d3w4/9jK7eKb3HRmY3KS1pp+ig\r\nb++CUQ9/lMUDH5V+ldh9wAV8qH/tLAY86kYMMKviafkJORSV6PvPy1+rSd44\r\nOvaGPbBy+6Ar4I95HyR2kfKLu4ZZcleCk+JSv5aOs5QI9cOnUIePH5PMaM0V\r\nf5UDqDntXb5+k2ZWeA43+M1uohCM7X/4ycmgo/GewsKhtLY7JknTm3d+k+sS\r\nigsJFEbqCGGGRt57+ue/7gfazgI6uoIAnd1sNZDHy0mmGVGBN40UMbF/hf6M\r\ni2J97zjSA79d/RUPHkWLwT+mj5ggzn/OvlgzmaaBOl02UdP2iOGAbClJwIVr\r\nspTf5WwmV3E/KKHI4KyZayOJ9pO4/M90eCE=\r\n=JEDN\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_2.0.0-beta.33.6_1677144172065_0.8818911112531236"},"_hasShrinkwrap":false},"2.0.0-beta.60":{"name":"@spaceone/design-system","version":"2.0.0-beta.60","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"types/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"reinstall":"rm -rf ./node_modules && npm install","build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:tsc:watch":"concurrently \"npm run build:watch\" \"npm run tsc:watch\"","tsc:watch":"tsc-watch --compiler vue-tsc/bin/vue-tsc.js -p tsconfig.build.json --silent --onCompilationComplete \"tsc-alias -w -p tsconfig.build.json\"","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","css":"node scripts/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test:unit":"vitest run","test:unit:watch":"vitest watch --ui","test:coverage":"vitest run --coverage","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vitest/ui":"^0.26.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","concurrently":"^7.6.0","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.9.6","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","tsc-watch":"^6.0.0","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vitest":"^0.26.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 16.13.2","npm":">= 8.1.2"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jenny Kim @dsict","email":"kja0717@gmail.com"},{"name":"Wanjin Noh @WANZARGEN","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee @siyeons","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu @yuda110","email":"yuda@gmail.com"},{"name":"Songyi Kim @song2kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin @wesky93","email":"wesky93@gmail.com"},{"name":"HeeYoung Anna Lee @heeyoung1332"},{"name":"Heeyeon Kang @h22y25n"},{"name":"Sungmo Jung @sulmoJ"},{"name":"Minseo Lee @minseolee"},{"name":"Yongtae Park @piggggggggy"},{"name":"Lee Jeong Min @danmin20"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"af5715b1c3beb5698e316dc1b4eeef0485f897b0","_id":"@spaceone/design-system@2.0.0-beta.60","_nodeVersion":"16.19.1","_npmVersion":"8.14.0","dist":{"integrity":"sha512-DI/fe74F9QjuduJsmY6gr8seXKmaXl/wiProKIIrIaysGRCzwLlvGPz7zhIuz/q5GcS0MuIjjpYEyEx5iUZ+Zg==","shasum":"3f1416aab1807c47dab282201f55a10447f47877","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-2.0.0-beta.60.tgz","fileCount":1576,"unpackedSize":57005249,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICb7wU5K6RAFzrrLttc1GvECU8hpxWrsn7DhGPQZ7riNAiEAzsWplLjPmF9Vm1infPXqxlRTCCKrtifTfexwJKCNMQY="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj+F47ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrYGw/+IhzqYtYXlXhuwUGg1NIDewOdNlSXkAVERdIelS0T3jVS+eC6\r\nsNFHzAm8madSi6tsl31AI++ncGUEzkNLjWO68sfLUG8Xq8Q9jhWG4toye0LV\r\nfQig/mB756aA5MLmf8Sep4aKF3yOM4XRsdAqnzuMqEbpf2BNbriUmG/2tCrv\r\n+O57nkapdt32L99dTKZWLKOWcDIWcyj5Gx+9ed9/flEEgBZfqVDHEUHBzNao\r\nKFXjrPUeXwv/BOXs/RdUmqNXqTQpcAAfSvEPsn9S01crp9dACZ77Eh6pYEDn\r\nrmvXKLosPTuWW4redCrMd4wVmTl6NAVBOXVbkZU0ZxBZbBboiqalEd+Wmle4\r\ncn+LGbXTXyAbj3iMmtk5cMf3/+QcvOG7D64ccciw+LQFlDQ5Km42GEBVVwTr\r\nJH6bteJsWRaC6jEHpScjISlBp9+fTIhtQKgsd5EIMKRHJyiHaLrSBSLxizFS\r\nhBTiPH9d1SiAVG0eMkh+t3AEMmtciHmcFgrXB1TbQfQV8bOjujJT82+UQITc\r\nxQfF5/jlR0Lvzfv8YV1d5Bsnw8fsENYYO8C8p0+UVaN1A6MTTr+XsddZpHp5\r\nTTuNMqg0Q7m1zgL581CHTEQT4DvFkf6GSJnl9rTIRPY1ufqZ9Z4ShiTqOLk8\r\nXZ+SLybzI96W6Ef1puDDqibMME597nDWJ7g=\r\n=w11R\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_2.0.0-beta.60_1677221434793_0.05377008721089216"},"_hasShrinkwrap":false},"2.0.0-beta.61":{"name":"@spaceone/design-system","version":"2.0.0-beta.61","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"types/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"reinstall":"rm -rf ./node_modules && npm install","build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:tsc:watch":"concurrently \"npm run build:watch\" \"npm run tsc:watch\"","tsc:watch":"tsc-watch --compiler vue-tsc/bin/vue-tsc.js -p tsconfig.build.json --silent --onCompilationComplete \"tsc-alias -w -p tsconfig.build.json\"","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","css":"node scripts/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test:unit":"vitest run","test:unit:watch":"vitest watch --ui","test:coverage":"vitest run --coverage","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vitest/ui":"^0.26.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","concurrently":"^7.6.0","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.9.6","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","tsc-watch":"^6.0.0","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vitest":"^0.26.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 16.13.2","npm":">= 8.1.2"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jenny Kim @dsict","email":"kja0717@gmail.com"},{"name":"Wanjin Noh @WANZARGEN","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee @siyeons","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu @yuda110","email":"yuda@gmail.com"},{"name":"Songyi Kim @song2kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin @wesky93","email":"wesky93@gmail.com"},{"name":"HeeYoung Anna Lee @heeyoung1332"},{"name":"Heeyeon Kang @h22y25n"},{"name":"Sungmo Jung @sulmoJ"},{"name":"Minseo Lee @minseolee"},{"name":"Yongtae Park @piggggggggy"},{"name":"Lee Jeong Min @danmin20"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"23ff2d438e04c9cc20e82243938c06f413a9e6d1","_id":"@spaceone/design-system@2.0.0-beta.61","_nodeVersion":"16.19.1","_npmVersion":"8.14.0","dist":{"integrity":"sha512-TOhK2hHwF9KtByN1e7OaLxACzJBlFZgLXL6zHJ9kLIjsIGrOadLYq7FVLVxvdgXAgg+UwXQ746c7oPBEwNcZsw==","shasum":"a871110415f874395174bd93a3e63cb585105af5","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-2.0.0-beta.61.tgz","fileCount":1576,"unpackedSize":57007882,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCUJUHWxyPrT5d1CEL+mnHz/eU1SPj3OMDYP2PizHn0vAIhAL0Z8hYSoVxGUzOokp3W1t9o1M4tsKLpWqOoZWY8kEN5"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj/CyBACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmozVw/9ENuPcQK+pmudZGoZ9Mam+gyG15vo6EJ8F0wbr+EShG/H7KMX\r\nV/s2mdpBBPMtl1K52i8xTmJiqSPGbD5qKlm8PVZ10T/mIs0tR/mtnrB09uqM\r\nmZ/RnF6zsQY6xoeZfv11hjzXYvuEHgZmiM1EdtzZ16KepCQuGEGDOgs/DeQZ\r\nwNcntitqIz6UHtHK89ZWpIkCSMSjZUQCvzfaXjbG+ewLbxrZo8waUzBlzH8A\r\nYof2BzDmjoaSFtq2rgTh4Up/gxObny/jZchsTyxga8HJZn+x4jyvwUEViS9H\r\nQO2WUuk4KtUl1WNiX3dMeZI52x0rvF2XxwewQG7rRNik/rwZMJHacK25a5Sk\r\nEbUAhlzeNfq5DQ/iAASGFaEPKflT0SbxiDSBhyuAbGhdgD+KSogoRcRmiSHe\r\nFyM3wOEAajADjCjGb24BnKKw9F/Q/Fso1zCgH7VxdlsfvtK7oecG3CYyY/Ja\r\nDuyVrcAnweXes/omcKcYebQioavttDDz6Jhu2iATC0Kaucy2G2d5z7Ip9X7h\r\nf6JHW71Ss+Gs3JHT5KAErI3kcfhG9Uig51kMWLOAbWyIoshSHCPtklcpFa94\r\ntb4eobJ/Ai/PrLN4yhPbAFWjkWYj+tf/PNInNgguqAMFgxanGugwbJo8UpEE\r\n8/O8/9cCSRVWrryP5HY3r75lVPYTYcd0arU=\r\n=YoNZ\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_2.0.0-beta.61_1677470848969_0.14854421023136588"},"_hasShrinkwrap":false},"2.0.0-beta.33.7":{"name":"@spaceone/design-system","version":"2.0.0-beta.33.7","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"types/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"reinstall":"rm -rf ./node_modules && npm install","build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:tsc:watch":"concurrently \"npm run build:watch\" \"npm run tsc:watch\"","tsc:watch":"tsc-watch --compiler vue-tsc/bin/vue-tsc.js -p tsconfig.build.json --silent --onCompilationComplete \"tsc-alias -w -p tsconfig.build.json\"","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node scripts/lottie.js","css":"node scripts/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test:unit":"vitest run","test:unit:watch":"vitest watch --ui","test:coverage":"vitest run --coverage","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"5.10.0","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vitest/ui":"^0.26.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","concurrently":"^7.6.0","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.9.6","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","tsc-watch":"^6.0.0","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vitest":"^0.26.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 16.13.2","npm":">= 8.1.2"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jenny Kim @dsict","email":"kja0717@gmail.com"},{"name":"Wanjin Noh @WANZARGEN","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee @siyeons","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu @yuda110","email":"yuda@gmail.com"},{"name":"Songyi Kim @song2kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin @wesky93","email":"wesky93@gmail.com"},{"name":"HeeYoung Anna Lee @heeyoung1332"},{"name":"Heeyeon Kang @h22y25n"},{"name":"Sungmo Jung @sulmoJ"},{"name":"Minseo Lee @minseolee"},{"name":"Yongtae Park @piggggggggy"},{"name":"Lee Jeong Min @danmin20"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"6dc9fefda2e9fc66c11deaeb20a9d406069be747","_id":"@spaceone/design-system@2.0.0-beta.33.7","_nodeVersion":"16.19.1","_npmVersion":"8.14.0","dist":{"integrity":"sha512-BaMeSYbnWqwJ51/rlm7JJKXkX2TjY9Lk28RfCOHnBPGxaOTRmL5YjlY42FnTCuh1EKTn1076voL+2/NHaT+M1g==","shasum":"4030709a75fab80de8037207c4d80bb4b6d3d4c4","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-2.0.0-beta.33.7.tgz","fileCount":1675,"unpackedSize":60158771,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIF+RtNFZd7jR+wjxSF4ASKQUpIAYrB3bnBS1kXYnYGrTAiEA7Eiis0BCqEdwugudvAVUZI+Oll+wGxJ7zialz9BAvAw="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj/FYLACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrSUhAAkcPJZUC9KQu/uQtj/TSDdGkcacWS4A/eV0r3xtk1g99Ge4zD\r\n+fmBEJkN5f3du0LX4qtpn6mPaJTj8OU4v0kItqANj0xJbQkiMnGDITXS7SY6\r\nbJiI1gDxOmbVbzMA8arTKBt9dhm9KbOSSmxuplZ8BjrFupXYfnxVMv2NpTSp\r\nLyhvppVZmkstRTIQc0ZJH6DL0U8OXllLXLVZoHlahFdGLoHVjS1lqnLqKqkt\r\nKKa15sMetvZKNWFq5T4haaQHQyktfO7n5AK29hC9GEjl2XVyHbmBWwqy1E1p\r\n5Xopei9y0CekUyoooO1weDV3KfRu19+vVhr2iLj5oCRFe+cqYn1EC2RVhT2z\r\nhJ2MenpqPwrhq1olTRWq/+6hZUEXLdr2/oNi3h+/oT3TYbqy47szkROgjYD+\r\nNvd0GD1EOKUxbwnMyaDca44Awb1eO4LqNzLd3V+1HnSFjYcwfIoc+WEMQG2O\r\nSd9PHpGYFRTc/oTuNgGHrz0nDD86OMJDJQJ0/aETP4zos/jB134x4VVe8NdY\r\nnI3lL2ZgTH81OP8LcmFFOJVx23mdLg749iJb5yOYc4VTds3t3Jnt1blVpC/Y\r\nfvWOB0tPVEZMS6iFcWc5U7Gj+74eY/a81xgCUUa96WlnLCqcuhjDs0fOi/cx\r\nKO+F6gvPX7ZRDX2MEhvrTibQZNm4RxOO4VU=\r\n=+3CA\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_2.0.0-beta.33.7_1677481483108_0.8839531210284097"},"_hasShrinkwrap":false},"2.0.0-beta.62":{"name":"@spaceone/design-system","version":"2.0.0-beta.62","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"types/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"reinstall":"rm -rf ./node_modules && npm install","build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:tsc:watch":"concurrently \"npm run build:watch\" \"npm run tsc:watch\"","tsc:watch":"tsc-watch --compiler vue-tsc/bin/vue-tsc.js -p tsconfig.build.json --silent --onCompilationComplete \"tsc-alias -w -p tsconfig.build.json\"","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","css":"node scripts/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test:unit":"vitest run","test:unit:watch":"vitest watch --ui","test:coverage":"vitest run --coverage","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vitest/ui":"^0.26.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","concurrently":"^7.6.0","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.9.6","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","tsc-watch":"^6.0.0","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vitest":"^0.26.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 16.13.2","npm":">= 8.1.2"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jenny Kim @dsict","email":"kja0717@gmail.com"},{"name":"Wanjin Noh @WANZARGEN","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee @siyeons","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu @yuda110","email":"yuda@gmail.com"},{"name":"Songyi Kim @song2kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin @wesky93","email":"wesky93@gmail.com"},{"name":"HeeYoung Anna Lee @heeyoung1332"},{"name":"Heeyeon Kang @h22y25n"},{"name":"Sungmo Jung @sulmoJ"},{"name":"Minseo Lee @minseolee"},{"name":"Yongtae Park @piggggggggy"},{"name":"Lee Jeong Min @danmin20"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"37bd2813d3e788246e8a73104d3f3fad19bcd054","_id":"@spaceone/design-system@2.0.0-beta.62","_nodeVersion":"16.19.1","_npmVersion":"8.14.0","dist":{"integrity":"sha512-2P7UyrsIFI/SKfnxwNF5oJLCfmGnkeFWKK2qjx7r85us6zW1XSPZ6lR9l8+4e1cCutIhISSvE/HAGHQ5koD+zg==","shasum":"718313649b2f8013663df29ad775fa67b46ea351","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-2.0.0-beta.62.tgz","fileCount":1576,"unpackedSize":57019974,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAJdQ80p7WRGVX4VNqRftiSB+vq5I+pL2pz4L6KIFGXEAiBo7iiO+tevgmL7Q+65nzPkgtTpts5W8rRmBX87l+yVkg=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj/FaBACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpb0xAAjMTvaaNEugVXB4ViDCTs5kmK29fe1yPvpuzg8frdtAkyavq+\r\nEOuYqY/qRupxBc/saysQINgl00t7AKgDp2IkucEg8b30BpG/PeHxUQGwTtk1\r\nC7Fg5drdq6MAvx3QcxP0gofB2NuOumeeiIvXJJQklwfM1niQQeghC66fuRJs\r\n/+5yxJWXzzY8jvXbXALnBE6vkYiZH1HkRxwBveSi3YaI3QELRFXNNEdyC6fb\r\n3AdzUVplZN580XwkQOEvWwWNTV7xqYZLX6S7+GMoQew3Ad63DZivVMzTW8vB\r\nGRGS7EkYH1u8D0Mwegd03JhpNcmzO0LqtgHJkNCd4Q/ZyKFPcSByCyfmfJ5s\r\nsNWjqgevhyuCNYP/rr005XY1iOxG1xM2v7POjRukdO6bZvPw7AJ4rllwAjNo\r\n0zpIjf6kZuvR/3LZVtMdNWUCT9zyaUuCy9RSpLgapj99IiG9AT4Z8OsA18el\r\nxAOqT4dwAUzWM3G+MAYYqWqlmyo90s9uwr09gXyrkpttdRNM3Bl1TqJs2q7M\r\ng+lHZt8QHE8EPGwHeXizcGkYKLUBjp/+hKbAL9QlWrNGz0S52oIBP2c/QTFn\r\nMbmxUVqPq7jmgsZkF1GOooxF3OiAvpQKN7GtEPOMfIGAUiu0uFVfQilsDSBG\r\nFcPd4kZRmGvz6LddBfhluFBaMXtjedC8xXw=\r\n=Aog0\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_2.0.0-beta.62_1677481601200_0.82318153163576"},"_hasShrinkwrap":false},"2.0.0-beta.63":{"name":"@spaceone/design-system","version":"2.0.0-beta.63","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"types/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"reinstall":"rm -rf ./node_modules && npm install","build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:tsc:watch":"concurrently \"npm run build:watch\" \"npm run tsc:watch\"","tsc:watch":"tsc-watch --compiler vue-tsc/bin/vue-tsc.js -p tsconfig.build.json --silent --onCompilationComplete \"tsc-alias -w -p tsconfig.build.json\"","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","css":"node scripts/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test:unit":"vitest run","test:unit:watch":"vitest watch --ui","test:coverage":"vitest run --coverage","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vitest/ui":"^0.26.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","concurrently":"^7.6.0","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.9.6","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","tsc-watch":"^6.0.0","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vitest":"^0.26.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 16.13.2","npm":">= 8.1.2"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jenny Kim @dsict","email":"kja0717@gmail.com"},{"name":"Wanjin Noh @WANZARGEN","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee @siyeons","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu @yuda110","email":"yuda@gmail.com"},{"name":"Songyi Kim @song2kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin @wesky93","email":"wesky93@gmail.com"},{"name":"HeeYoung Anna Lee @heeyoung1332"},{"name":"Heeyeon Kang @h22y25n"},{"name":"Sungmo Jung @sulmoJ"},{"name":"Minseo Lee @minseolee"},{"name":"Yongtae Park @piggggggggy"},{"name":"Lee Jeong Min @danmin20"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"c3a06323b47d4ab26902de7730eabec9e02f8ab2","_id":"@spaceone/design-system@2.0.0-beta.63","_nodeVersion":"16.19.1","_npmVersion":"8.14.0","dist":{"integrity":"sha512-sImpKVM5MtSiexT40iLTaaPD9cyNn1+OCozhUFjwCEe97f5U3kAZwymu+WNdX2Wex3iZNFLS5taB7aIQqsRjYw==","shasum":"54472d78f0602bddfd364811fbde9e1b813ae889","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-2.0.0-beta.63.tgz","fileCount":1576,"unpackedSize":57008946,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCnP/0dZMyMv3Ym2kJrH+AX7LgCR7XXqzhBlhq3aGfBfgIhAJTXHNyEI6pT2n4WkT7UtheuO/7yk27ubfdBDmleLhVu"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj/HH0ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrWIhAAkVoYk99cfZFujn4G2LKXTqlVJ2s5l3F0nxt+I2042cxNMXKO\r\nKFTXtJVbtywK7MFDILZwoZLzs6Wp3PaIcxbdSYmUHayQQHnxqGpz2OV09NPQ\r\nJsQIcWbtCJvYM5aeNf5cEMDMeW0dSShtmoao1EUIOth6ANalbMWzSs/Kj+90\r\ngeOAUCPmcK7pQdhtEWbyO5L2KkqTX1ZHGX4NUngVB/BAxJyNA+JpEViMwU3e\r\nlQkcLyPAT3hZuLW2Z7muAjMd73P/Mc9umxf/ffskHvLDWnq7ZMQy9G9jl08E\r\n9LU4mvaueAqV02i2AHm05DPXIsQZZ0YUOkvHh/BqdpPXiRz2Nl3KDyF3FU1y\r\nr1o7n2a8TcTf8IGcyOpqThZSXDBuhBRgr9OBrmXvnVuzPALItoE+nMMv/KJ+\r\n/HQPeDuY21CGCh4dEbrQm/lWL3CCS4AudDltnD3qzi5bUB+XLWPefWtYxZ8a\r\nxH4jCsd3yH8MbyFZQ+SW5rcy4mNgVsYkIIJ2v3sW/LT6tK1q6SPUOGfxFV6f\r\n08VEcJUHmYAo+tzRufs9Y60w/yNrUGxc2XRzVFhteDMrjnXd/M5NT1QGnwF7\r\nQs2JiqMy4Ck7QwGGwsyqUQ5MW8YiQ12NRc+8Ub4lRbXI0st4WV9ev3hoOKdC\r\nO5kmoi5NSTajrw/G+LI8DAcxYlxEZixx6Yo=\r\n=n87X\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_2.0.0-beta.63_1677488627714_0.7251631976514674"},"_hasShrinkwrap":false},"2.0.0-beta.64":{"name":"@spaceone/design-system","version":"2.0.0-beta.64","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"types/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"reinstall":"rm -rf ./node_modules && npm install","build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:tsc:watch":"concurrently \"npm run build:watch\" \"npm run tsc:watch\"","tsc:watch":"tsc-watch --compiler vue-tsc/bin/vue-tsc.js -p tsconfig.build.json --silent --onCompilationComplete \"tsc-alias -w -p tsconfig.build.json\"","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/foundation/icons/icon-assets -t src/foundation/icons/p-icons --es6","css":"node scripts/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test:unit":"vitest run","test:unit:watch":"vitest watch --ui","test:coverage":"vitest run --coverage","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vitest/ui":"^0.26.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","concurrently":"^7.6.0","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.9.6","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","tsc-watch":"^6.0.0","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vitest":"^0.26.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 16.13.2","npm":">= 8.1.2"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jenny Kim @dsict","email":"kja0717@gmail.com"},{"name":"Wanjin Noh @WANZARGEN","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee @siyeons","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu @yuda110","email":"yuda@gmail.com"},{"name":"Songyi Kim @song2kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin @wesky93","email":"wesky93@gmail.com"},{"name":"HeeYoung Anna Lee @heeyoung1332"},{"name":"Heeyeon Kang @h22y25n"},{"name":"Sungmo Jung @sulmoJ"},{"name":"Minseo Lee @minseolee"},{"name":"Yongtae Park @piggggggggy"},{"name":"Lee Jeong Min @danmin20"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"9a77e38cba2f77f74ace854e1ebcfcb25a1d3d8e","_id":"@spaceone/design-system@2.0.0-beta.64","_nodeVersion":"16.19.1","_npmVersion":"8.14.0","dist":{"integrity":"sha512-cAIV4damIaVjxOwN1EJgGwrD+1xH5yOHvIlDMqlKwajxgABQdbgHBj4Lt/9T0incHtu9CT4jKdzMNUI5nwCcVg==","shasum":"73c66e141c96c71e380d5339a541691c14a3a439","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-2.0.0-beta.64.tgz","fileCount":1596,"unpackedSize":57090978,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDYDu2e04C9wJ+jDDkN3+1rCpMzFdM5mbe5euJrGML/VAIgNnzRCyQFk6o2B0eW8xeim4EdfKG/3bmIXVQ7KxTiQDQ="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkAY/LACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmojvA//UI7fTwnmxS4N3KWCWD21QLEfTWHjG2hE6Hd8Jraomd2GKpAX\r\nI7422LX48t4m7Ze+2AFqQhUaHWSoSz0CrabigQVu3BIYlyDNRR1eS0bx7SPC\r\nAl9gGZfGOzyufIWTZGKDaPf2vN+fGgO2aar2JYUt3mZMbXlKHlznI+qHDFl/\r\nhhX7L6AP4p2nIf55pls13Gn9m88rXqfNptxKHlvYf8zspHe2g5MM6mWTMS1N\r\ngU02aYNnaA4oSs2TtSA8/O7jZA39EHZGNyWm5F/t7NOUsILKfWjuOoUQ2q0z\r\n4smps/F7gyzv4SUwW7+il5n49+IOOwZBxL7ItleI5GiQrUaVFj4DdZrkug3B\r\neAFgS1b4EzKYiE67PPpo+sNRT0CJku8NZ6RWNmdb78QAtFbwhT1VGB89Zqgs\r\nEV0Y9ZxNp/LU8yy/fBcax20Iv412lRv8/p7IJ0/k3VdrhZsqkR/qPj/wjals\r\ndNOeVGrXs5rGELHavC4FLGewrzAzovyZutUKUWE/MJ+nnkT2L7JeV1+tyZ+4\r\n5vR7wZVdSFLzdKukrPEaVQZsInDWIcKjASbc7nwYWYbzxyJ5N4AE1jWVGuHL\r\nCjRk4OL29dqxAx0TX2yvPn1pt51yu8OzOXouQtlFXDA/EXwKxgk+Uif5b+pU\r\nmbC+BcRqHqNhQspuIxPK36rJrhHE/bk7zqs=\r\n=WU2O\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_2.0.0-beta.64_1677823946734_0.2820991828928294"},"_hasShrinkwrap":false},"2.0.0-beta.65":{"name":"@spaceone/design-system","version":"2.0.0-beta.65","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"types/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"reinstall":"rm -rf ./node_modules && npm install","build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:tsc:watch":"concurrently \"npm run build:watch\" \"npm run tsc:watch\"","tsc:watch":"tsc-watch --compiler vue-tsc/bin/vue-tsc.js -p tsconfig.build.json --silent --onCompilationComplete \"tsc-alias -w -p tsconfig.build.json\"","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/foundation/icons/icon-assets -t src/foundation/icons/p-icons --es6","css":"node scripts/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test:unit":"vitest run","test:unit:watch":"vitest watch --ui","test:coverage":"vitest run --coverage","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vitest/ui":"^0.26.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","concurrently":"^7.6.0","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.9.6","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","tsc-watch":"^6.0.0","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vitest":"^0.26.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 16.13.2","npm":">= 8.1.2"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jenny Kim @dsict","email":"kja0717@gmail.com"},{"name":"Wanjin Noh @WANZARGEN","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee @siyeons","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu @yuda110","email":"yuda@gmail.com"},{"name":"Songyi Kim @song2kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin @wesky93","email":"wesky93@gmail.com"},{"name":"HeeYoung Anna Lee @heeyoung1332"},{"name":"Heeyeon Kang @h22y25n"},{"name":"Sungmo Jung @sulmoJ"},{"name":"Minseo Lee @minseolee"},{"name":"Yongtae Park @piggggggggy"},{"name":"Lee Jeong Min @danmin20"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"eb4aa5157959c55831edbb9dc54e4d6f40bc294c","_id":"@spaceone/design-system@2.0.0-beta.65","_nodeVersion":"16.19.1","_npmVersion":"8.14.0","dist":{"integrity":"sha512-ijnTA53qMosNRKJ3vIPVnADOuwGWBaxXqNteqoqHN/ze4wGDPBKhrKnW60Tb2Lqmr1TyqSmpx32afgzcWj1oyA==","shasum":"e82c2de049262c3b16b836c4f811d945a87eac15","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-2.0.0-beta.65.tgz","fileCount":1602,"unpackedSize":57096118,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDKRVT8PqwgptWC6KNa9Q3qIMO4qBxWKw5NroOZtRBnSgIhAOmnE9VKAq5igKGNXqeVMaunQcrmER5jCYlYR0dnejU+"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkAZIjACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrCqQ/7B6/Shxd5WapyN7rrLeSI4pMohuQxu2SxTUO4gLWrGgDp+pZ8\r\nTNcYv3w3SIxdjm/O2NxkilOm9Frqn+12JpHDgAOliHmUfXp6D4LrSBTZXu4Q\r\nE0w7yU9qyUj0cYOFCd4zN7EvC+2cwWYwVR5c3+5QVmoy5xfgSi+6AEp53hLW\r\nDSOQFdaKqtK6CJFyZGw5V/NLbLR9iKYu6IfZDmiYuUPELAnEn+kSMvfc8WVX\r\nP1l+HZLEKDS/5JqXqEqGq300vU+tc9Z0jpbBe6PMZ1K4qHKdWlR9DIBlILPt\r\n1kDrKP9NZ382mIkU55XzSscV2BVeH7SMhpdKw3fJ71vsyqfr6/uYKAaR2SzL\r\nkgOWGDwxoKmyN23p+/aC6q20e1AUh2jb5vhjeIAOXsfSm69wPeHhRaKuBRSl\r\nx+8hGYO2sMmuABpySg/eaBip1T8PT3sI1KA8SavJO67Czd5Yn5i44t8O/gzR\r\nYMQTuQQZaqHjfoesRZ83xpNXzAaP6qcDgG0ar6QY4JgypoGmdmxFVHPLOgm1\r\nuP/mWtDZfYcYDO1IUlGz6LbV4Lir8bN0tZEpcvS+RYQFoDYkRzC81q3J6K5Q\r\n4myHT4ZkpjRXIOQdoKnNTzyXCuGjUwRlGOqfHiHawCMYRKdWS5E+KG8M78Xy\r\nXKup9DQDMIF2q9L3WYIWb035Cb+Tx2Rw+h0=\r\n=lixg\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_2.0.0-beta.65_1677824547401_0.9216705222647372"},"_hasShrinkwrap":false},"2.0.0-beta.66":{"name":"@spaceone/design-system","version":"2.0.0-beta.66","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"types/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"reinstall":"rm -rf ./node_modules && npm install","build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:tsc:watch":"concurrently \"npm run build:watch\" \"npm run tsc:watch\"","tsc:watch":"tsc-watch --compiler vue-tsc/bin/vue-tsc.js -p tsconfig.build.json --silent --onCompilationComplete \"tsc-alias -w -p tsconfig.build.json\"","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/foundation/icons/icon-assets -t src/foundation/icons/p-icons --es6","css":"node scripts/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test:unit":"vitest run","test:unit:watch":"vitest watch --ui","test:coverage":"vitest run --coverage","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vitest/ui":"^0.26.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","concurrently":"^7.6.0","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.9.6","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","tsc-watch":"^6.0.0","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vitest":"^0.26.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 16.13.2","npm":">= 8.1.2"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jenny Kim @dsict","email":"kja0717@gmail.com"},{"name":"Wanjin Noh @WANZARGEN","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee @siyeons","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu @yuda110","email":"yuda@gmail.com"},{"name":"Songyi Kim @song2kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin @wesky93","email":"wesky93@gmail.com"},{"name":"HeeYoung Anna Lee @heeyoung1332"},{"name":"Heeyeon Kang @h22y25n"},{"name":"Sungmo Jung @sulmoJ"},{"name":"Minseo Lee @minseolee"},{"name":"Yongtae Park @piggggggggy"},{"name":"Lee Jeong Min @danmin20"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"b06a2a973abc467b0768bd1592f3b2c944d25778","_id":"@spaceone/design-system@2.0.0-beta.66","_nodeVersion":"16.19.1","_npmVersion":"8.14.0","dist":{"integrity":"sha512-2iZFbWdYzT8zbkhV3cWP7BVajUSsPqk6nbMCi4ER7y9ezNYD+bBP6YeVfXmjYZmkmjcekpOz2eNHN89DHZFz8Q==","shasum":"5fd9deff3ddbd184c0e7ac5cc4ebbed7a856df88","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-2.0.0-beta.66.tgz","fileCount":1605,"unpackedSize":57099015,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDGncxdQWyl3erwqNweCcRgFmevq+nFQR+eAWJHsXe91wIgesqo9LfP/IlgQPw52mBRTUV2e0u50TFTXf6VdW02dmY="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkAbAyACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo5xw/9GoRg3Qzl5/P5xLloPPn17br61FHDoUNcisvHe6i1/X97y5s6\r\n/bS4TO2OA/7lZeFczlLY6+HE7SkZSLqWWrwpVis2GebDp3fxkvWZMUmR3DqO\r\n0ELMnb0Wm6/Tq47YJTtmgL2a26Rt0/nl4pWyfGEMAERTH0oe+sN4hFQNUrrB\r\nwwArTliLF/o4/PXsjoc6jG6QngUXfq2V9c0ivw37S5xWEps/GyjtnMt3XZyK\r\nREdUhdw2AXYOApzaqxr2yQbOfSP8lYy1DBNhBxSD++G17P4mvC63mVfX7SaH\r\nYm6zEUJzQGEP8UurclC8lZMcGysdtP6Jnyrc5KuurxrG7absbyyU0FKHY9MJ\r\n/UlCyUNX1rhQH6In72px7/oypF6WDvLelsmN82e7f2mJYL/ZAOQjvkObI3el\r\nmOlI3cPc3IsOTKxTiOkYqINcOyG4QudR9SK8lQAeHrjluudEWKtMbxRYMjRl\r\nwSvTtf3Yn0GSybeytZNwqHnMC3flbBHLB5Y19KjEDKk5WWJQuikLLXobRwyP\r\nHhKbNKBonvo7P38aqCiIalb+XRoRllwr2rI+ej5SGf7jkozqwuwV6/OjgnFR\r\nyVEKhB6oSfT0aB4+whWyYpbAmdU9S7aowCsNlIcsiaq4VXAbrK4GAEpuLvvl\r\ngLFgiqSy1fWv0jZodAUZmOIpwNkEweq2+84=\r\n=i+hT\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_2.0.0-beta.66_1677832242073_0.7632439923045593"},"_hasShrinkwrap":false},"2.0.0-beta.67":{"name":"@spaceone/design-system","version":"2.0.0-beta.67","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"types/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"reinstall":"rm -rf ./node_modules && npm install","build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:tsc:watch":"concurrently \"npm run build:watch\" \"npm run tsc:watch\"","tsc:watch":"tsc-watch --compiler vue-tsc/bin/vue-tsc.js -p tsconfig.build.json --silent --onCompilationComplete \"tsc-alias -w -p tsconfig.build.json\"","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/foundation/icons/icon-assets -t src/foundation/icons/p-icons --es6","css":"node scripts/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test:unit":"vitest run","test:unit:watch":"vitest watch --ui","test:coverage":"vitest run --coverage","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vitest/ui":"^0.26.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","concurrently":"^7.6.0","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.9.6","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","tsc-watch":"^6.0.0","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vitest":"^0.26.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 16.13.2","npm":">= 8.1.2"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jenny Kim @dsict","email":"kja0717@gmail.com"},{"name":"Wanjin Noh @WANZARGEN","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee @siyeons","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu @yuda110","email":"yuda@gmail.com"},{"name":"Songyi Kim @song2kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin @wesky93","email":"wesky93@gmail.com"},{"name":"HeeYoung Anna Lee @heeyoung1332"},{"name":"Heeyeon Kang @h22y25n"},{"name":"Sungmo Jung @sulmoJ"},{"name":"Minseo Lee @minseolee"},{"name":"Yongtae Park @piggggggggy"},{"name":"Lee Jeong Min @danmin20"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"b60de8103b30a2a5e87d4451d5bb391a185229dc","_id":"@spaceone/design-system@2.0.0-beta.67","_nodeVersion":"16.19.1","_npmVersion":"8.14.0","dist":{"integrity":"sha512-YJSbZ1iEHzHK7LT2/Ecc6foFqr4zmt+2XSVxJBcYILlNGQuDg22q9RMxvArol8kS42GVApGtgbc/ij/HvthEuQ==","shasum":"fa3d3c6a2d440ae90305d0570a8415ea7f78aefa","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-2.0.0-beta.67.tgz","fileCount":1293,"unpackedSize":46269102,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHVlUKQwYJ+ycD6tgJKEjVt7PNrfy5ws4/dxKuCWLctwAiAbcOeIq1yGTXN+RjAGQHWtp7w1+7m0SsTkCF49MjSGYA=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkBZ2fACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqcGxAAms7Yi0qzIZFJGAIb4AqcePZZJ6bvIi5EZqvzw+aARsDJ8yUb\r\nxMleYz2ivIJjOQHHyeQIej3U3nQLhVDATIfffb7ZdNlzXhb1lSIy70k8Luc+\r\n6HWXTDzk+XRtpTz33NBy8LZvTLzpmb855qWu4M6vTRTG4crTByYcJ00z1EqW\r\nXvcGKWOqBIzVaWEnTqLL2sO4PvAJwSo1ABeCrEewKPROghqOzAAbNx2rqcsi\r\nMLL7IiQRBO/vKZnR2aIFlT0RCCQJpag3G2TXWbummu3JADB3LhWaFS5Hwa9p\r\nU03Xj1ot2ag812SnjXCNKfM4CcJTMm6ipruuCfRNgQ4IZjcD85F9Nwbd9Be7\r\nEGGzM4XFZRX2KPe5WwRmz4J0/aE10lRLYvyPV4PKx4GiBeBfD9ggl+1komn9\r\nr1b4dqTDYd6x4goqBap2dB04HrEHlIp4TiNpYSLqbz6KfqH4NY+NRkO1v6px\r\n0e3M5zWJNPpxxi5fcqD9xs23WABH3qaTsecdTnQPkpst8/BApN9f9p4CJJx5\r\nIiVsoPeXpf7ewFTyh1htVqZ7rhgjgtC46s5kROqlPgG70QMAz/oRk1aSY44v\r\n8mHATpsLr0qcYJ/mPlj9SQaLrh2jeS/vgQK97CthwEBfLJ2EY8LzO1VtdRAM\r\n7Fob7irSmXVHzgPHBNrRUEDC27hfmc6CsCw=\r\n=MXwJ\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_2.0.0-beta.67_1678089631494_0.09944981079643034"},"_hasShrinkwrap":false},"2.0.0-beta.68":{"name":"@spaceone/design-system","version":"2.0.0-beta.68","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"types/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"reinstall":"rm -rf ./node_modules && npm install","build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:tsc:watch":"concurrently \"npm run build:watch\" \"npm run tsc:watch\"","tsc:watch":"tsc-watch --compiler vue-tsc/bin/vue-tsc.js -p tsconfig.build.json --silent --onCompilationComplete \"tsc-alias -w -p tsconfig.build.json\"","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/foundation/icons/icon-assets -t src/foundation/icons/p-icons --es6","css":"node scripts/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test:unit":"vitest run","test:unit:watch":"vitest watch --ui","test:coverage":"vitest run --coverage","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vitest/ui":"^0.26.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","concurrently":"^7.6.0","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.9.6","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","tsc-watch":"^6.0.0","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vitest":"^0.26.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 16.13.2","npm":">= 8.1.2"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jenny Kim @dsict","email":"kja0717@gmail.com"},{"name":"Wanjin Noh @WANZARGEN","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee @siyeons","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu @yuda110","email":"yuda@gmail.com"},{"name":"Songyi Kim @song2kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin @wesky93","email":"wesky93@gmail.com"},{"name":"HeeYoung Anna Lee @heeyoung1332"},{"name":"Heeyeon Kang @h22y25n"},{"name":"Sungmo Jung @sulmoJ"},{"name":"Minseo Lee @minseolee"},{"name":"Yongtae Park @piggggggggy"},{"name":"Lee Jeong Min @danmin20"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"6a6156ceddfe4957d8caf63b41d3da08d1ec5d8f","_id":"@spaceone/design-system@2.0.0-beta.68","_nodeVersion":"16.19.1","_npmVersion":"8.14.0","dist":{"integrity":"sha512-/oeTAV6j3cJfXctyOgGGYhKBxvWdG+5wsme5giLKeW7JPM7wEb5PprA0Iw+8+lRfy+EBQM/Oeit/BHnE9EcceQ==","shasum":"8514b2b8da211c1543909dc3c793772ada3f1abc","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-2.0.0-beta.68.tgz","fileCount":1290,"unpackedSize":46255704,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAWt7qRA/mgTpzknac8Z/nDWdSONNgJ5Ukor8P6q1yRYAiEA3PdbOQd0Wgl3GMpvJIPBhxneAEAnXHjm4fy6oDZrS4I="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkBvbcACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpP3A/9HORGVt6/uOHrIxrZHVh4x6c8Dd9h0b9ZnT2YsLVbE84+c5qS\r\nMCSqZeVoyJ+W0CaWjXAsBCjhkfkCHxEtCPeHXk0cFeU0Zk3s416XbIM15jgT\r\nduZR4Ol6OrIOavMTGvW+2394vvNvwDiiIk12cU969fUlKG4AkMy/w7QXzHF3\r\nnGrXU6iP6e4F1EeRfcS9Q2BSITPFyYpGMXGdeZ5NQAi48mayqx2PJ5C6E3qS\r\nC/doHdoQni7mTt9sAhT8AB2nnSywDLbAnEHL6amOY74UTp68KP8D79vL7Vvw\r\nE0g1Mz7JQrehM1iXcl6cRLURW9TnAS9sjs+S2iOQKRgtTDsSOiSy2O3d+xWQ\r\nwCVSmbtxTHNKTp8BbW2xmzPugZVW6n6DNMoPi66FMluMPId4Q/hSsaCWP/Zr\r\nXiSyrlwHiTYzbWWbhq++b4bZC8WvoMKkWTeKcTMUKFccN3Mh9UxT2as6tOFT\r\n5qfOsWxFEYaEy7Eh49MG9s/BRyJO1iz24q56BEGYqMPdA+xpWqPv46lG0HZC\r\neXPPV8tHhTsc+qgcIFwD6vluhD9wq09QFSRa6S2WF438ZlHSOnMdyi/6GmSc\r\nrVS7Mib1G3xdAujZVihGcvDpAhYecwjE8U+K+uj+iGv8K/5l0j5ECoEDinQR\r\nQAzkfI6e9729/ELFOuPlD2VN4jsqJz0axdQ=\r\n=owgZ\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_2.0.0-beta.68_1678178012036_0.4214674631675033"},"_hasShrinkwrap":false},"2.0.0-beta.69":{"name":"@spaceone/design-system","version":"2.0.0-beta.69","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"types/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"reinstall":"rm -rf ./node_modules && npm install","build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:tsc:watch":"concurrently \"npm run build:watch\" \"npm run tsc:watch\"","tsc:watch":"tsc-watch --compiler vue-tsc/bin/vue-tsc.js -p tsconfig.build.json --silent --onCompilationComplete \"tsc-alias -w -p tsconfig.build.json\"","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/foundation/icons/icon-assets -t src/foundation/icons/p-icons --es6","css":"node scripts/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test:unit":"vitest run","test:unit:watch":"vitest watch --ui","test:coverage":"vitest run --coverage","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vitest/ui":"^0.26.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","concurrently":"^7.6.0","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.9.6","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","tsc-watch":"^6.0.0","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vitest":"^0.26.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 16.13.2","npm":">= 8.1.2"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jenny Kim @dsict","email":"kja0717@gmail.com"},{"name":"Wanjin Noh @WANZARGEN","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee @siyeons","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu @yuda110","email":"yuda@gmail.com"},{"name":"Songyi Kim @song2kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin @wesky93","email":"wesky93@gmail.com"},{"name":"HeeYoung Anna Lee @heeyoung1332"},{"name":"Heeyeon Kang @h22y25n"},{"name":"Sungmo Jung @sulmoJ"},{"name":"Minseo Lee @minseolee"},{"name":"Yongtae Park @piggggggggy"},{"name":"Lee Jeong Min @danmin20"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"86283b10b210349609dac41cf50fdfac1b8c9853","_id":"@spaceone/design-system@2.0.0-beta.69","_nodeVersion":"16.19.1","_npmVersion":"8.14.0","dist":{"integrity":"sha512-6y0IAOgq7PDUN2hg+uQKQSSkm+h0yB+7hBAGyNe9skh9MMPY6vviAuW51d8ma7D986/f/LRQ0c++KGB/3Ya54Q==","shasum":"b8272e6b16990640d47b47f0f0e2f4074ec83541","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-2.0.0-beta.69.tgz","fileCount":1286,"unpackedSize":46187402,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC59wigZF4jFE3smwPwlOmDpEf1TDAZqbvY1FSQYYDCtAIhAOdFjWJ5O+R1HV+HW3uJK/gR9Sod+ynqpJrIrVwSEYeK"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkB9/iACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpHPg//dg9zFkp0X9rsY3pRZ6x0ZR6GTorDahS0O1ou7EVpWKi/4P37\r\ngSqt3A73Jof4JETrToNCaH6GRxrJCfX6kBe3JifGvqvAnd/nQvTfpguEkLH2\r\nunV8S7M+mteK7n2kIb8qDOBo9kKAxuvnbUl9uOoqfWcZY4eiW1V3auHVYMkS\r\nB43MYpp7cWSsiQjPCTY2w2b8va4Jkeh47b4/57bS+dVZjDcC2XUOHY5yYltP\r\n9j+Gbt16/314mgiTmamg6RUuW30XvMGzVC14LKjZ1CiF662S2DXaf+9mGGrO\r\nxusKhgHyrjFuQwQQFbC9uafAyoenoxVwiE/65vQeNJIjrhQNxVRmkeVdL87S\r\neon30smrdJuwtyWZLvxgptKP+LBfIk8uLw6yVYiCwwztFd6Prf/swmmZj75K\r\nD+hdBk6xN28CB2YXFFZRn8NiiONVhdNWbOMqIvgbBjezlrIOtHQW5FHTrlcX\r\n5hucG7fmPdD3bHYy2YcyRZ87KwQomH6rb6FeBBCX8JB6i3LaMR67S1ip0a9d\r\nCzGoDAaWS9F59qyetuzAcK8ldxVOqrI/OipHjCoTuFTI3tjVO5aPKBys5T10\r\nXRdegFAFoVjB9KuENq27ohyQZIzEwDe++go3qbHcrdcTBWpihFjci0lMs/XI\r\nxlJxQ+pTpvocVOQ2bh6Rfth5fSmxJvGK2i4=\r\n=7C/d\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_2.0.0-beta.69_1678237665718_0.29777431094865703"},"_hasShrinkwrap":false},"2.0.0-beta.70":{"name":"@spaceone/design-system","version":"2.0.0-beta.70","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"types/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"reinstall":"rm -rf ./node_modules && npm install","build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:tsc:watch":"concurrently \"npm run build:watch\" \"npm run tsc:watch\"","tsc:watch":"tsc-watch --compiler vue-tsc/bin/vue-tsc.js -p tsconfig.build.json --silent --onCompilationComplete \"tsc-alias -w -p tsconfig.build.json\"","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/foundation/icons/icon-assets -t src/foundation/icons/p-icons --es6","css":"node scripts/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test:unit":"vitest run","test:unit:watch":"vitest watch --ui","test:coverage":"vitest run --coverage","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vitest/ui":"^0.26.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","concurrently":"^7.6.0","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.9.6","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","tsc-watch":"^6.0.0","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vitest":"^0.26.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 16.13.2","npm":">= 8.1.2"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jenny Kim @dsict","email":"kja0717@gmail.com"},{"name":"Wanjin Noh @WANZARGEN","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee @siyeons","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu @yuda110","email":"yuda@gmail.com"},{"name":"Songyi Kim @song2kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin @wesky93","email":"wesky93@gmail.com"},{"name":"HeeYoung Anna Lee @heeyoung1332"},{"name":"Heeyeon Kang @h22y25n"},{"name":"Sungmo Jung @sulmoJ"},{"name":"Minseo Lee @minseolee"},{"name":"Yongtae Park @piggggggggy"},{"name":"Lee Jeong Min @danmin20"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"20945fb3f11bdfc7e4bc5350a2ff64fa81faa821","_id":"@spaceone/design-system@2.0.0-beta.70","_nodeVersion":"16.19.1","_npmVersion":"8.14.0","dist":{"integrity":"sha512-nrGRHBK8HiM7e0/mirE/BW91ukBYZObufQt1Ad5hL2HfsYdZafsKkA7i4xuCq9vJ7vfKfURqttS7JLGs0SOSmg==","shasum":"91ccdfb961963b823852f0f5b26263557febb36d","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-2.0.0-beta.70.tgz","fileCount":1290,"unpackedSize":46255704,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDc/sSGPVAVS1Pq48zIVxTOc7CWXmDydnHoyLp9Ojm/QAiA+rVNf59AenQIvj7OIXAli9umUPLzUw5+YJhktl/BpAw=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkCTXcACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoVqw//VNGtOCqD022ISo3pm4+yJeaZQ7lf/Gr1dZhWn5kzqP+xo6tP\r\nzc4527BOoJkC/RWIkzNZIyiS2+KfRMWkjDwxLaUvlVPV9/Jni5t7JbKg1gpv\r\nOD4lYapUqmO+ecu60iJxxZVt3vxl6AT6GbvQzWPSmdKK46c6IHWv7LjGTRsJ\r\nB+OyWQtf8oOCPxIPOfjtlbrSv+Ee4imlWVr0+54Iq1mW1T5hsmZRUGjB4ycW\r\nBKNN6MBinK21gRc+UyhOdMyKfEYhn3FbWhCbtct2+QFFhGPddkjLwwibEOas\r\nipeYIZBRNdNQBTL972AbCaKo3BpYhP5w2TVjoDZWCBYv2yPYJadUH2vFPNL2\r\nS9Epb1kQ8wQNz+VS+d/NJq3zJjHGZcKR+CgPppAvpRN9LP+c9KGZBmPOAaWV\r\n8jiLc/QGEBKgML5q4VL+87cEN3RmZHgazEHg6hwCqU+vu6uKY8pemWvJKefA\r\nmSNlEObBvUpjYCDVLI1Oewz5Sh/S8EvEaQjsug3Ib4eIqWyIh3Wl7F+I4uCN\r\nFhj+sP+m6/oB4F5zUda4fKw8QuCz9kD8POf698+JhY97KoF/I/Ysd5JRf/q7\r\n4SVXh5jtzGbK7JsRNi3u5R0qeJpRLOtV6rEASkd3aLCOOrZ+1IhSqLGrj+He\r\njUVB3jmhwo51mFxh/LSNjltwdr9W+eouy3M=\r\n=zkD9\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_2.0.0-beta.70_1678325211805_0.845194185458044"},"_hasShrinkwrap":false},"2.0.0-beta.71":{"name":"@spaceone/design-system","version":"2.0.0-beta.71","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"types/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"reinstall":"rm -rf ./node_modules && npm install","build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:tsc:watch":"concurrently \"npm run build:watch\" \"npm run tsc:watch\"","tsc:watch":"tsc-watch --compiler vue-tsc/bin/vue-tsc.js -p tsconfig.build.json --silent --onCompilationComplete \"tsc-alias -w -p tsconfig.build.json\"","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/foundation/icons/icon-assets -t src/foundation/icons/p-icons --es6","css":"node scripts/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test:unit":"vitest run","test:unit:watch":"vitest watch --ui","test:coverage":"vitest run --coverage","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vitest/ui":"^0.26.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","concurrently":"^7.6.0","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.9.6","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","tsc-watch":"^6.0.0","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vitest":"^0.26.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 16.13.2","npm":">= 8.1.2"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jenny Kim @dsict","email":"kja0717@gmail.com"},{"name":"Wanjin Noh @WANZARGEN","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee @siyeons","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu @yuda110","email":"yuda@gmail.com"},{"name":"Songyi Kim @song2kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin @wesky93","email":"wesky93@gmail.com"},{"name":"HeeYoung Anna Lee @heeyoung1332"},{"name":"Heeyeon Kang @h22y25n"},{"name":"Sungmo Jung @sulmoJ"},{"name":"Minseo Lee @minseolee"},{"name":"Yongtae Park @piggggggggy"},{"name":"Lee Jeong Min @danmin20"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"a361271ec3969da48523f427243f6c55fa556144","_id":"@spaceone/design-system@2.0.0-beta.71","_nodeVersion":"16.19.1","_npmVersion":"8.14.0","dist":{"integrity":"sha512-LICyyK4pfTvCtAoj2dhNtHAuM3C2NIGwAzH1NnlwpHPpEGsrpLKkDyUW4zuxn+UIHHoNjsTpRj0IjrPbzXoAoA==","shasum":"015617a38042d549702a5853fc70b22496c8c260","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-2.0.0-beta.71.tgz","fileCount":1290,"unpackedSize":46255748,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD2hUxC8eh56l5JuD03r2CxxKl0glRe/kLgAEQtWV8exgIgBkVmnYZvARFGu8Qm/QFCcjFmvjo23hcp63njaU0cmio="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkDrqFACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqVSQ//WbE8hYjJqzTQ/gZEh2/dn28iI+GLHl4YCgfIcAjjLgQSZyj0\r\nHE9YxG/63/Od3M6MDzZBz6gYWyG2Ov8Ho80RL6M6HMWiHU6cm7pmQgh+FpzD\r\n0jVxtVm5M8jrQhePjoUwY7nNp1fVdUlbMhm9ruuthV14yJgKZ794In2UFlzq\r\nh4BSNY4AHzI/SlIhxWLEH4N3WSnjCOAq+sd3JxfFl8Uj8VspoPkoHa6TZxG+\r\nKErbmNhcGdtWRDxEkxyNptF+9tLZo+OLHe13F8qACaVM37K1uOA1SzDZHUN5\r\nIFagEMgHjnq1qR+RLFboYIADfFiSZTgwX+MHWd3HjyuuLvScTcAb+uqZ2o17\r\nOigtpV2XtI2sbQHAc1vI9L8j62Z4OdVSvGqVmQBc7ekHm+wJ8cNdIoCVQITK\r\n4PunWyqIIq/E/AGR2n1m1URpbrz5FZo6ZwBpVtbsn1X9amlUcWj1Q9j8pCuL\r\ndQI9py86cCWA3squlB5A/SRL7iVO9Ig1Qpq0NONSdxFuB9RjwVdvnKQ7v/V/\r\noupRmZHlePN9xXLTGJobLuL8ctvCFE28DVRO1PjCIHFce4sfsE0BgfQmqSLi\r\nUGnlxgWsrsODS9UebO55igRJUwbb3Z+NzvspFfChcXAx8tQh8HfQihkFfvdE\r\nmMR8Kuu4Ja1AnfRJffglOuySBZQi2oQfzPE=\r\n=O9+E\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_2.0.0-beta.71_1678686853318_0.8294092049553983"},"_hasShrinkwrap":false},"2.0.0-beta.72":{"name":"@spaceone/design-system","version":"2.0.0-beta.72","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"types/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"reinstall":"rm -rf ./node_modules && npm install","build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:tsc:watch":"concurrently \"npm run build:watch\" \"npm run tsc:watch\"","tsc:watch":"tsc-watch --compiler vue-tsc/bin/vue-tsc.js -p tsconfig.build.json --silent --onCompilationComplete \"tsc-alias -w -p tsconfig.build.json\"","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/foundation/icons/icon-assets -t src/foundation/icons/p-icons --es6","css":"node scripts/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test:unit":"vitest run","test:unit:watch":"vitest watch --ui","test:coverage":"vitest run --coverage","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vitest/ui":"^0.26.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","concurrently":"^7.6.0","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.9.6","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","tsc-watch":"^6.0.0","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vitest":"^0.26.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 16.13.2","npm":">= 8.1.2"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jenny Kim @dsict","email":"kja0717@gmail.com"},{"name":"Wanjin Noh @WANZARGEN","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee @siyeons","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu @yuda110","email":"yuda@gmail.com"},{"name":"Songyi Kim @song2kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin @wesky93","email":"wesky93@gmail.com"},{"name":"HeeYoung Anna Lee @heeyoung1332"},{"name":"Heeyeon Kang @h22y25n"},{"name":"Sungmo Jung @sulmoJ"},{"name":"Minseo Lee @minseolee"},{"name":"Yongtae Park @piggggggggy"},{"name":"Lee Jeong Min @danmin20"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"6e27a478af9a3db8f0ee7a875c593bbbfe5fa4f9","_id":"@spaceone/design-system@2.0.0-beta.72","_nodeVersion":"16.19.1","_npmVersion":"8.14.0","dist":{"integrity":"sha512-85FK+BNdxgWiy+OFVbmXZxCDAVdntHjOD5F4CfJwtK4qh8HZVue21VikHolzB6hoh9QnI4yWJElP5tY90ZRNaQ==","shasum":"66b1541898b988f4139f0fbfb96a205bedfb3a57","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-2.0.0-beta.72.tgz","fileCount":1293,"unpackedSize":46268297,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCRR+/8hxYfWhm8nggJwmy1asrn/HtFQy1npcNiuJpKcAIhANZb/qFc3vb8fAVS8o81h5PBkivjjGn6iNzkw9XNZuPU"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkEC+WACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoQMw/8CsCctg5Dq8DhWbPYFz9lIi8SUKdIj9ndOP5ZP4fzdT5lwT69\r\nYJeio4jEH9jHK2xF6taC2/pxTCZwy2QYxU4zyVNC+CnAXcU+CAFqBqI5Ls0D\r\nhX8zzR6yz/83wVptboHtIGYtZHGsnEBOt6MhipJbsu41nviTci0JBP1Rf3ck\r\nM0p/di32xYrT8JWQ0yO5zV/DUxYWI69wF3IzDkA/7OIO+oTKw+5KWe8Zebc0\r\nhjF81L+uv3Jwduiy/FHpEMk/9khPvNtk1Z4G71Jv01ApdDplYwztLOzc/MRe\r\nBQHgMyQB8o54/1SOqFuWf+Vs1k/Gy7louk0BMyNwVkNxfQfM7oMpMFc+s+S4\r\nKZXIq3GD/u+36QUgadF92Ph/9AoIKJvD3teukphexAa47476gfVnItmiFf+f\r\nh62QgGT3t8mx+Vk2uqAW3eyThgc7MVypT8C0XOII+X2yl7hGJ975vVBiY/wy\r\npifTzcoP+/fMhjJOhBWyxLsjbBck87GX7EDr2xfXxZmTuC8B0/A7Irk2odDe\r\nb+rewnWcBT5uwoUol2/sxSCV/mmWx+R5RBoiZ/3bd7wjcNNzg2w6lXKgYj/6\r\nXmI8Mtv7cX8OyksiiSbLQMAVNiyEYZXv4zyc9gKrqO7EgPel9tnhdV3S11QX\r\njidU5qOGaJaYv+FmdxYI0Bzcn6ir/K8dg90=\r\n=qJlL\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_2.0.0-beta.72_1678782358495_0.7265269608358815"},"_hasShrinkwrap":false},"2.0.0-beta.73":{"name":"@spaceone/design-system","version":"2.0.0-beta.73","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"types/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"reinstall":"rm -rf ./node_modules && npm install","build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:tsc:watch":"concurrently \"npm run build:watch\" \"npm run tsc:watch\"","tsc:watch":"tsc-watch --compiler vue-tsc/bin/vue-tsc.js -p tsconfig.build.json --silent --onCompilationComplete \"tsc-alias -w -p tsconfig.build.json\"","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/foundation/icons/icon-assets -t src/foundation/icons/p-icons --es6","css":"node scripts/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test:unit":"vitest run","test:unit:watch":"vitest watch --ui","test:coverage":"vitest run --coverage","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vitest/ui":"^0.26.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","concurrently":"^7.6.0","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.9.6","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","tsc-watch":"^6.0.0","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vitest":"^0.26.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 16.13.2","npm":">= 8.1.2"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jenny Kim @dsict","email":"kja0717@gmail.com"},{"name":"Wanjin Noh @WANZARGEN","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee @siyeons","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu @yuda110","email":"yuda@gmail.com"},{"name":"Songyi Kim @song2kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin @wesky93","email":"wesky93@gmail.com"},{"name":"HeeYoung Anna Lee @heeyoung1332"},{"name":"Heeyeon Kang @h22y25n"},{"name":"Sungmo Jung @sulmoJ"},{"name":"Minseo Lee @minseolee"},{"name":"Yongtae Park @piggggggggy"},{"name":"Lee Jeong Min @danmin20"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"0b1ab7b501af7b1e6b94b2c1398d2f5ad1a1700b","_id":"@spaceone/design-system@2.0.0-beta.73","_nodeVersion":"16.19.1","_npmVersion":"8.14.0","dist":{"integrity":"sha512-Z/bIzXr4WiSGm/oHLHTI4fVYIel8NqYWtDFtu8S3JhH8Fe+DalEm8v4laxF18X3P2ts9WdY4w3bUr0VUmZPXgw==","shasum":"494329732b6d476e03848294e1076dba99c55b25","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-2.0.0-beta.73.tgz","fileCount":1293,"unpackedSize":46269128,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCjqr0dZpeHckJWMu3w9raB2y1EXGl9cmhajWYzP5jXogIhAOC3xSxMs0bnh3Xo1yiCC7wiPxIeMmH3c8IlPuIpI7r7"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkG7QdACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpwHA//bGDP3RIgLf7CqcV87FWr4I9Nnbros2pKbu4Dm6UiqAvQTlRM\r\nm4K+7a3RleH+B4o9tIeXwUatGbpHoCgG9Zhwj7i+gXeZBLXU547JwfbBzOHm\r\ngrvSLWKKo5CqpUjpIuHVAKmWk76bNpdNUbv2kixNBfK0j5BAcqFRfRfwzvLC\r\nJcGICrY/L39OIgq3ET4MwZ/RZzlWGH95hXl0YgGG+sX/EbO3W9scGSxsAW5M\r\n3IhEa+VbbLZ+iWnoQD4roFAhkHqbIaY0573immY102iaskrVffMFiyUz4kIM\r\nmUxYoBSdnvJuNCINCdbgnn8EI2+3wojx514HciDKkuQfPxSm95ANY51gJR3v\r\nBHTSd1D1EGFU8xYtRQRnXtU6dxJQH/wCLG4KVA5X8BUxwJ93RNC3JWsRXU59\r\nuSFUnKEgqToUTT6EYFv7xYCN9zqhs2/9+HLChnSzA4hC2kburPruqrwq5FJF\r\nZ99/7BoE7ZKydEvXpZFTQi8GAhggRJm3rjRVygy0Phz8fwSPrKKS0pV4n6na\r\neNxlk8/Bn94l7bXo0EfHatYhIS9Qgk75lZwPN+SFo2hNN7ks0a4AMC62k6Xy\r\nmjGX00HboWXUOI+btsPsESGNI6ePwGsiu0s1cDP/MQl4ypUTNIb/8NG+dMvh\r\nQczGEyjm5IMJUP4y5FzLvNGChSphLzLpqXM=\r\n=iPKO\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_2.0.0-beta.73_1679537181066_0.8131729133034113"},"_hasShrinkwrap":false},"2.0.0-beta.74":{"name":"@spaceone/design-system","version":"2.0.0-beta.74","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"types/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"reinstall":"rm -rf ./node_modules && npm install","build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:tsc:watch":"concurrently \"npm run build:watch\" \"npm run tsc:watch\"","tsc:watch":"tsc-watch --compiler vue-tsc/bin/vue-tsc.js -p tsconfig.build.json --silent --onCompilationComplete \"tsc-alias -w -p tsconfig.build.json\"","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/foundation/icons/icon-assets -t src/foundation/icons/p-icons --es6","css":"node scripts/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test:unit":"vitest run","test:unit:watch":"vitest watch --ui","test:coverage":"vitest run --coverage","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vitest/ui":"^0.26.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","concurrently":"^7.6.0","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.9.6","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","tsc-watch":"^6.0.0","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vitest":"^0.26.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 16.13.2","npm":">= 8.1.2"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jenny Kim @dsict","email":"kja0717@gmail.com"},{"name":"Wanjin Noh @WANZARGEN","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee @siyeons","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu @yuda110","email":"yuda@gmail.com"},{"name":"Songyi Kim @song2kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin @wesky93","email":"wesky93@gmail.com"},{"name":"HeeYoung Anna Lee @heeyoung1332"},{"name":"Heeyeon Kang @h22y25n"},{"name":"Sungmo Jung @sulmoJ"},{"name":"Minseo Lee @minseolee"},{"name":"Yongtae Park @piggggggggy"},{"name":"Lee Jeong Min @danmin20"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"7ca374c2dea3b213f1a63f9e5643e1ede3b703b7","_id":"@spaceone/design-system@2.0.0-beta.74","_nodeVersion":"16.19.1","_npmVersion":"8.14.0","dist":{"integrity":"sha512-v32jKV398lZDcKSO4AxwPEGTRGa6rDcyd9z3HoKEs+FjRFjaDMm46qjYbmGKBQy0zNuWwt96yAO1OQHnvoYHWw==","shasum":"3473fb5f2f0c9d162740644097e5123549fa2bf1","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-2.0.0-beta.74.tgz","fileCount":1293,"unpackedSize":46269410,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD7CVkKTTuzxm5ChPHDfZpeSsoRd9YNwbaW5HO7hntcCwIhAKBSjuCVE/FsitiWtWYi3emMnS0dFeWZIXNCSLQBhcjs"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkHAX4ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmommxAAiPUjdbvhRzdo0+xhF0mPZ0/O7WnZ9SD+fQTsBGsDBYLTWfSQ\r\nUFokKEn6tpcBqJuyeYobwQRotsDjbs14ToGY/VF/liPRZVF4JOkuvJb+a8F7\r\nT03sbuSr/TGYezgzCSY17xHROcIo3ViMiAxh6iH2CcIJ57u4nDxjXidDaHuc\r\np9ZwFpCVhvYfi1cFI5XiwqgaCPJVIfQJkndNWfluQQGXR+6PLjOQvVJQw05R\r\nKDVWhDkDn1LJpAdKNIRrPDcmHM1FoJhvA0ZXicCgHS93UMGX+vB9PPyUY+SU\r\nhIFl9EgD/gU2xp5TZxv02PWY6Kx/1u+aA8v5zpz8gem+a3Nrh05k8bBT10cw\r\n4ag4J01fPjvrn248PxVfyMjkUcvVBtZ9DfE8xo+JEfxOyZ5CsGz+/PC3Xxb6\r\nK5oPEv/8dDTA6U1l0XVciV0DScaZ4sYGBLnl70Rxj2k4xy/XHy8V3OZdmc1S\r\n3plm/H737Vmey9bl9g5pztWzNHAjgRvvAMEVo14kOXwvdWtaGnJpxFbse2m7\r\noUuDNO29b3JMIvpLMKowUIiaySnt81n3EX99efYSOGDDcH20mzc0vXlfH0dp\r\nV+6tBSQL9qWwGFm8y+cQjjZ8x98ykpy2FKVQ2hja8OgqP6/qMxyWXO7ktiSm\r\nADNApMoZhGtXwg7jAICHOSNWgoHXa6TX+Bs=\r\n=91D7\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_2.0.0-beta.74_1679558135819_0.39632916287426045"},"_hasShrinkwrap":false},"2.0.0-beta.75":{"name":"@spaceone/design-system","version":"2.0.0-beta.75","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"types/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"reinstall":"rm -rf ./node_modules && npm install","build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:tsc:watch":"concurrently \"npm run build:watch\" \"npm run tsc:watch\"","tsc:watch":"tsc-watch --compiler vue-tsc/bin/vue-tsc.js -p tsconfig.build.json --silent --onCompilationComplete \"tsc-alias -w -p tsconfig.build.json\"","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/foundation/icons/icon-assets -t src/foundation/icons/p-icons --es6","css":"node scripts/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test:unit":"vitest run","test:unit:watch":"vitest watch --ui","test:coverage":"vitest run --coverage","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vitest/ui":"^0.26.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","concurrently":"^7.6.0","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.9.6","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","tsc-watch":"^6.0.0","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vitest":"^0.26.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 16.13.2","npm":">= 8.1.2"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jenny Kim @dsict","email":"kja0717@gmail.com"},{"name":"Wanjin Noh @WANZARGEN","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee @siyeons","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu @yuda110","email":"yuda@gmail.com"},{"name":"Songyi Kim @song2kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin @wesky93","email":"wesky93@gmail.com"},{"name":"HeeYoung Anna Lee @heeyoung1332"},{"name":"Heeyeon Kang @h22y25n"},{"name":"Sungmo Jung @sulmoJ"},{"name":"Minseo Lee @minseolee"},{"name":"Yongtae Park @piggggggggy"},{"name":"Lee Jeong Min @danmin20"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"9b346e0e0c40f6cfb9aaed83f52a9b50d017a8a2","_id":"@spaceone/design-system@2.0.0-beta.75","_nodeVersion":"16.19.1","_npmVersion":"8.14.0","dist":{"integrity":"sha512-jvgw5Vp+nJ3oXLEi14KXAk7fTcqeuOrl7tQLMlxqOu2v5sANdrWagz3qfMOBYC0w6a+QS4rT2Wer26aNo+ZPDg==","shasum":"ad85c798cd5db4c88c8715562c1fab105657c766","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-2.0.0-beta.75.tgz","fileCount":1293,"unpackedSize":46269412,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCNVJTK+IgH+9Q3/DcaKTYIP46xEcOHdbgk7X+M9G4d4gIgZjEM2Q9FksY4r2YmLt6VSDjedXTBTglQgpQi6q/8Fs0="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkHQO3ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp53w//R3c1QmAK/pnhwR2gTMn4IJpVNZ2TcUHnh5jkpHrRDC87lTKr\r\nuR+mKmt+0ZYa93MXmyE4nWquWq6a430gJLai1xMM9BZihKB7If4/eQPt/Skw\r\nE1SdWVueTEivoTIxreCboNHQpYKaqhBNK2pHBCLyvGym3FGVXJxlWuu7AE91\r\n8OyWvdzRE+XnwfW1rerSyLSD+L7e0Ffe+1uSfMhMhT7+z0rsJGYcAXmYMCLZ\r\nKGOBMbNvGTTSENCSPV4QfrS0obMKx777907vMZmvES2LCJNsn++GvE8AxWsk\r\n+Nr1Ga590+wV0w1ztYWdOUlX74miC5XfflwXDq4SzdfOUtghgMvckqC294hV\r\nNoHd/s0HxxrroPElm5KEkAko1td/sKH9w68g18loa4SDn2+jLBj3e2WSiAd7\r\n8aRZ1IU+/f1dl0dVCRuHojAUxlnA4JELhq683TWnM8MQxGxZOoOY88tC696o\r\no39qtFTSRkRDH5DY0tTN4cmHyUVDp84Sys1poVt160uevvKn96KEvoCNbAEl\r\n3QLp48ifdvAzhLbVv7La7C+VxpQaamxppHQIj25kJ7YZ0gzspy21FDMTtr3G\r\nOQzFfqZlqqQ5gyulOZxxEkzrUS7HhzUuyn4/s+gYsvZ3uI41SzlYe7o1RYLt\r\n4ES4Zl6hp6qkEVh/0CJOKX5d/maE1zhquvA=\r\n=0kMO\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_2.0.0-beta.75_1679623095035_0.06576695170132818"},"_hasShrinkwrap":false},"2.0.0-beta.33.8":{"name":"@spaceone/design-system","version":"2.0.0-beta.33.8","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"types/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"reinstall":"rm -rf ./node_modules && npm install","build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:tsc:watch":"concurrently \"npm run build:watch\" \"npm run tsc:watch\"","tsc:watch":"tsc-watch --compiler vue-tsc/bin/vue-tsc.js -p tsconfig.build.json --silent --onCompilationComplete \"tsc-alias -w -p tsconfig.build.json\"","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node scripts/lottie.js","css":"node scripts/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test:unit":"vitest run","test:unit:watch":"vitest watch --ui","test:coverage":"vitest run --coverage","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"5.10.0","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vitest/ui":"^0.26.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","concurrently":"^7.6.0","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.9.6","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","tsc-watch":"^6.0.0","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vitest":"^0.26.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 16.13.2","npm":">= 8.1.2"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jenny Kim @dsict","email":"kja0717@gmail.com"},{"name":"Wanjin Noh @WANZARGEN","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee @siyeons","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu @yuda110","email":"yuda@gmail.com"},{"name":"Songyi Kim @song2kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin @wesky93","email":"wesky93@gmail.com"},{"name":"HeeYoung Anna Lee @heeyoung1332"},{"name":"Heeyeon Kang @h22y25n"},{"name":"Sungmo Jung @sulmoJ"},{"name":"Minseo Lee @minseolee"},{"name":"Yongtae Park @piggggggggy"},{"name":"Lee Jeong Min @danmin20"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"d8de6c171196028173daff27fdb86c8f7b1ae840","_id":"@spaceone/design-system@2.0.0-beta.33.8","_nodeVersion":"16.19.1","_npmVersion":"8.14.0","dist":{"integrity":"sha512-DAxqa/WHTM9wItMctTnof/Ljo1db+hH+KyOaFul5doQcNpFLpKQzzxsORY+gQjeO0McfHJx8vy8v2QZOATPJ0Q==","shasum":"e4037f5fdd40b4d5290950c285dfd96a499d4a48","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-2.0.0-beta.33.8.tgz","fileCount":1675,"unpackedSize":60160162,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBODDllmPXY+zmbysoogPdsAQCTAocIBlsOTPcKBht7EAiBQvy8aj5qPrE0C6WW2OP5CQBGLFhOjSqlgQAR2l1Zpag=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkHXKWACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmoy6g//XANmOrQdSTPbpI0Ed5Cik9x3ls0fX32cXnr4sV2z/G+rGaFd\r\niNVN2VN6uGDADdn+WgKhAUrjAceuZUhmkyTWPKdt1t0aVc6jfgGHyQ4dRGgh\r\n/fOQ4jNhZRluTB9XkvhrYj+PpQswmi1wviJOpqx5U7TE3ny/KOvRqHahmPIb\r\n5BubRbJ+21MtkXUyygo7AP1+GxMfHOnmhYKw3b66bu4lNRZj+Vmj8txkubr5\r\nlb4mteaX03pIYSCaH5053rYgvg+h40aLWRPfiT8OdR5Xcu+KG3EeKQvHXWlA\r\nIp6rGsK0/pWK2h+pPn4kAqMk1QMU7XavLWKQUeIxbo9j8Ixu8HMeHHRPjJLx\r\nCoKoFy6oHoB+tYx/8EW3NFo2M2Ce0glkOf53kKiHKmxyYs26SWVR0AdfQJI0\r\ny/20+sQv4KnJwGZoqvP9BI8pYlFDRl4wOHjbgkI9GVbN3bvVFxpMdiSX5Jft\r\nEksMf5o38GxspW4cEe32FrXWlPtOkrK/WQ+1+1QQrxscJoX3qkY5mcNwRCJw\r\njLMdRXMMQnpxg9ULZmvMfXKOi8XF79Fz3BeJAHt6+Ba/qDcwIZPrmoWSfNJ8\r\nJ6PkCK8h7yHE1KZ/KRfmSqyBLPLpewa9OO3R5hfUE87Ugy+sv7NfQ6R8RmS/\r\nGZozUCD9td/1Xpo/dQbXVhWopjK2cRK2v0I=\r\n=7xU2\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_2.0.0-beta.33.8_1679651477812_0.8320377218366115"},"_hasShrinkwrap":false},"2.0.0-beta.76":{"name":"@spaceone/design-system","version":"2.0.0-beta.76","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"types/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"reinstall":"rm -rf ./node_modules && npm install","build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:tsc:watch":"concurrently \"npm run build:watch\" \"npm run tsc:watch\"","tsc:watch":"tsc-watch --compiler vue-tsc/bin/vue-tsc.js -p tsconfig.build.json --silent --onCompilationComplete \"tsc-alias -w -p tsconfig.build.json\"","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/foundation/icons/icon-assets -t src/foundation/icons/p-icons --es6","css":"node scripts/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test:unit":"vitest run","test:unit:watch":"vitest watch --ui","test:coverage":"vitest run --coverage","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vitest/ui":"^0.26.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","concurrently":"^7.6.0","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.9.6","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","tsc-watch":"^6.0.0","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vitest":"^0.26.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 16.13.2","npm":">= 8.1.2"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jenny Kim @dsict","email":"kja0717@gmail.com"},{"name":"Wanjin Noh @WANZARGEN","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee @siyeons","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu @yuda110","email":"yuda@gmail.com"},{"name":"Songyi Kim @song2kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin @wesky93","email":"wesky93@gmail.com"},{"name":"HeeYoung Anna Lee @heeyoung1332"},{"name":"Heeyeon Kang @h22y25n"},{"name":"Sungmo Jung @sulmoJ"},{"name":"Minseo Lee @minseolee"},{"name":"Yongtae Park @piggggggggy"},{"name":"Lee Jeong Min @danmin20"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"5c4f811e68cb7d92ea428cb713bc1b32b2e617f6","_id":"@spaceone/design-system@2.0.0-beta.76","_nodeVersion":"16.19.1","_npmVersion":"8.14.0","dist":{"integrity":"sha512-tRqDeABC7xeemN6omwHxS2kN6KpbZfWvxwtSR6T/CTDCSgetfjJbw2g0w5FYgn9kdS0cBvk4c5TrwMjbdld9eg==","shasum":"a0762d4ff47f6a3b140eac7a0d62bae9ae668eaf","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-2.0.0-beta.76.tgz","fileCount":1293,"unpackedSize":46270803,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD6VQzO/54pCnI51DyOIYbxxRRaXtOQG1OfjCaoNgg8MwIgBsBVBJ1ruImWsBamqduGNy4CefWLbMiBxfpBoW7UvV0="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkHXoYACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpm4BAAkk/n7k+qr8pgYqYI/R3ShkSc/bhHUP8EH7PiQb9wPrt/OBKN\r\nhxt9S71AmSCXNSsfbeONRTYyXorvgWnUPjiyJuWse1uUeL/LOmPftcviuI7M\r\noLQACuHkvcUgrxSMKDuwSCcvKMPxCXo1OJLpRF/+e04k3OOIBIeJkWEfT2cq\r\nTZk00eauIVMHFLL9M96cHPvNGVm9lyablT9u2kK0OF/8AO6QoSwBOZrMgSSf\r\n5zEfsXMkVl7zGCzkGA4dlr0B7n8LXezcO11i6YwyYWfn4JWcavrprEm2bFJC\r\nJ2t9EO0iZY7cSr0avNY6BT7PLABvw1qa40eXjzOl8yJ1GMmNtGmlnA9yO0PD\r\nrdveOaSgMGWrrn5ce5rcTaX2aDnWMIh/Wqz1F76kkS8uCw95RMcXVRVbqiUV\r\nX2D+h76dpAwlrT9zmptu26F1XnbzDJ4b1/tJxCW/21K0oC/eU1wGf1LYDDjD\r\neRkP5/JVC4gLcZEHidM628xL0J/Z2zlZiBmTM7AuI+twgujdoAgZSHiZ2PE+\r\nmN2eiE5pudjFVArwALN/QY6YArig30TtwiG1ZnQEFodJj/Uw0IKG+TSKur6b\r\nmgmTbRXmqnVOHuzHO0KnFOYaeKaz5ImsJp4mQD6phDDxLBeX2B5ehlcOH5mH\r\nvC3v7SfgSBqRFCSTR/mmHajhEYaW1gtK9AU=\r\n=OTXp\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_2.0.0-beta.76_1679653400242_0.6817903820817104"},"_hasShrinkwrap":false},"2.0.0-beta.77":{"name":"@spaceone/design-system","version":"2.0.0-beta.77","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"types/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"reinstall":"rm -rf ./node_modules && npm install","build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:tsc:watch":"concurrently \"npm run build:watch\" \"npm run tsc:watch\"","tsc:watch":"tsc-watch --compiler vue-tsc/bin/vue-tsc.js -p tsconfig.build.json --silent --onCompilationComplete \"tsc-alias -w -p tsconfig.build.json\"","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/foundation/icons/icon-assets -t src/foundation/icons/p-icons --es6","css":"node scripts/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test:unit":"vitest run","test:unit:watch":"vitest watch --ui","test:coverage":"vitest run --coverage","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vitest/ui":"^0.26.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","concurrently":"^7.6.0","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.9.6","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","tsc-watch":"^6.0.0","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vitest":"^0.26.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 16.13.2","npm":">= 8.1.2"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jenny Kim @dsict","email":"kja0717@gmail.com"},{"name":"Wanjin Noh @WANZARGEN","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee @siyeons","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu @yuda110","email":"yuda@gmail.com"},{"name":"Songyi Kim @song2kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin @wesky93","email":"wesky93@gmail.com"},{"name":"HeeYoung Anna Lee @heeyoung1332"},{"name":"Heeyeon Kang @h22y25n"},{"name":"Sungmo Jung @sulmoJ"},{"name":"Minseo Lee @minseolee"},{"name":"Yongtae Park @piggggggggy"},{"name":"Lee Jeong Min @danmin20"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"5c2d9d51bbb412bb7b1bac745e43d085cfeff38e","_id":"@spaceone/design-system@2.0.0-beta.77","_nodeVersion":"16.19.1","_npmVersion":"8.14.0","dist":{"integrity":"sha512-mrjLofFWAEzXIzVL26MVTlJU56QanT+69TTvfzm8zF9gZ4P8q4T0NHC0dQQfiPB+z6ummlLgMRJ1wDFmo7wTPw==","shasum":"29c05e8d1b1152b4c3d9e057969e0bd068e685a8","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-2.0.0-beta.77.tgz","fileCount":1294,"unpackedSize":46273267,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCzC7EVC2vojOMdojjZ2kxML17QfqNJoI8otIHNIeL+QAIgJod1Pej8zoIuCZBfAQOcp/l2otAtGlnu4t07fCJYkkY="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkIkTXACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmruDQ/+MTeQrMeTYTS7HHkTCRu2tZ7n/zl7C2i+or38hkYl4U7Prx/C\r\nGlQIxIm8o9jTi145aPpn8vqc8u5sF4rKWdm1p1K83lQEZxALjEukOCVN0mfh\r\nbnG8URozqcWyysuAAZlGkN52ctYV6mf31N32j4wNUuT5arejl9FKzz/L4kkz\r\nIX85qjb8rugrYyfo5KSbLup0NeRXQIXt5aiqW2lvr6rUF4gGPrO8fQ08DqMC\r\nnDyGa1hI5d3HMuumiU+6iqDpv0HKYuYuPGoxqkHr99FqCK7oEDNPYH1pznU/\r\nKuRoWN0Q7MPpxpGmJyNWF+QzGnjX6H/0NwgQX39PalXehCCEbNXc/IVmyurk\r\nXo+XmLVt0KRD1ZcSULTamuFjrlDNlMfN/VFU4IFRY+n6f/TN+PPQAO/s7djf\r\nUgPNwv8NihWBid0BuQBOnDYXHVMhs/dvXXx0xX/JQloSOLUoxMVZs5o3115x\r\nWt7iY8UN7tI8vA3PjUiLq+/Wb8RTCFCc1PSYyFSLgT35OsmF7BjlHkSxhScH\r\n7CFTh/z9vKlDQy+tVkRT9SITA+lrPK+I2YQN0avohnJD6tliwHX8IueXrcsQ\r\nKexyuXwnVFCcOyl5rRStv/3odGYTqTK41R0xiIpiCF8mzDFMCadQyM4lOym8\r\nKZV1yphWhoVvMKu3ctJMMWGJKl40s9BVhcc=\r\n=8xyI\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_2.0.0-beta.77_1679967447294_0.7536584772937656"},"_hasShrinkwrap":false},"2.0.0-beta.33.9":{"name":"@spaceone/design-system","version":"2.0.0-beta.33.9","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"types/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"reinstall":"rm -rf ./node_modules && npm install","build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:tsc:watch":"concurrently \"npm run build:watch\" \"npm run tsc:watch\"","tsc:watch":"tsc-watch --compiler vue-tsc/bin/vue-tsc.js -p tsconfig.build.json --silent --onCompilationComplete \"tsc-alias -w -p tsconfig.build.json\"","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/assets/icons -t src/foundation/icons/p-icons --es6","lottie":"node scripts/lottie.js","css":"node scripts/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test:unit":"vitest run","test:unit:watch":"vitest watch --ui","test:coverage":"vitest run --coverage","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","lottie-web":"5.10.0","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vitest/ui":"^0.26.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","concurrently":"^7.6.0","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.9.6","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","tsc-watch":"^6.0.0","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vitest":"^0.26.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 16.13.2","npm":">= 8.1.2"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jenny Kim @dsict","email":"kja0717@gmail.com"},{"name":"Wanjin Noh @WANZARGEN","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee @siyeons","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu @yuda110","email":"yuda@gmail.com"},{"name":"Songyi Kim @song2kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin @wesky93","email":"wesky93@gmail.com"},{"name":"HeeYoung Anna Lee @heeyoung1332"},{"name":"Heeyeon Kang @h22y25n"},{"name":"Sungmo Jung @sulmoJ"},{"name":"Minseo Lee @minseolee"},{"name":"Yongtae Park @piggggggggy"},{"name":"Lee Jeong Min @danmin20"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"b82ed437050c20bb2ec3f7993de3946588a5d3a3","_id":"@spaceone/design-system@2.0.0-beta.33.9","_nodeVersion":"16.19.1","_npmVersion":"8.14.0","dist":{"integrity":"sha512-kwkh/mWGUFnDfnuSFxocdY7QCgFmtah8mYCuV2Y3CgfZFpIjH6OzuCF07X63qM6AzAFv/1F6+ySy0R/ZK8P9gQ==","shasum":"cf49482937d38370e7998c8aebab027c73a9a289","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-2.0.0-beta.33.9.tgz","fileCount":1676,"unpackedSize":60162626,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDZZeN8ICMIbAW+/EVHGlD/zOCV7WAHcjC4oNui6UnKYQIhALsk243VcAqIOlfGBo71IQJ3QY+/E4sA2RF25G8Eclb8"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkIkuMACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo2tg/8C/KHiZZNEfEURX9ioX1Uu++Sj9JHcRD5Wh92JXK0sbf8EER/\r\nfuwEB4mAfvKCDXsiMh+PpBIhNq4Q51Zkj1gTm6UVQFO/4/z4L7Il1EHHSz2b\r\nD6ysDXlhu1kqjrPMTeQaYfj/e2YnPS+U6VlQ7jkwGcQrAyufHnwAGLEhT/5n\r\nacewdcH2TWWmxjDMuSvYL2NZoYsWWe7wADIuISYl4oMxBOtg5BVXisVVFaoQ\r\napNsNtRBNX04SbOeOhTmLzoWqs91ssceYyFlchqouLva7epsV9f7Va+9e9qp\r\nxDK0n9MOCNiAJyY8i4FHd6clwej3vbXvxpeMYsvIs0FDV5DX2fz0CEQPtxsv\r\nZaRGYVemHypYSUDH/SEdLsbQoT97IfHKKdw2zLQmEbQjR3cGenXjLtKBFnZG\r\nOJxsl7a+0NfkFV5MofqQiBfPDEO+MrFOCNfQvi+wGYOOFlhlYm7G6a26O6OD\r\n4XbjcCmFmBJrgMobQVSOidkFKuuiqFtVxB+kKUTc71V4kfL0l7WZ1FvUUnxW\r\nISEk6g80zcMM1NF7PO0ymsbiytWrNp1D9Tmcwzgg5xuovkMevXFmgJ6T4ENj\r\np1pWFKN9Q8/EGJI401smPqHgcRVjPg1KZoudCQI0NDirPb3fC71e+oenVWp6\r\nOdgrQW+qlI2Z5KEmQIiWi8fyYOPUVE4lrEo=\r\n=hK/V\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_2.0.0-beta.33.9_1679969163544_0.9482252970686684"},"_hasShrinkwrap":false},"2.0.0-beta.78":{"name":"@spaceone/design-system","version":"2.0.0-beta.78","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"types/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"reinstall":"rm -rf ./node_modules && npm install","build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:tsc:watch":"concurrently \"npm run build:watch\" \"npm run tsc:watch\"","tsc:watch":"tsc-watch --compiler vue-tsc/bin/vue-tsc.js -p tsconfig.build.json --silent --onCompilationComplete \"tsc-alias -w -p tsconfig.build.json\"","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/foundation/icons/icon-assets -t src/foundation/icons/p-icons --es6","css":"node scripts/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test:unit":"vitest run","test:unit:watch":"vitest watch --ui","test:coverage":"vitest run --coverage","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vitest/ui":"^0.26.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","concurrently":"^7.6.0","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.9.6","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","tsc-watch":"^6.0.0","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vitest":"^0.26.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 16.13.2","npm":">= 8.1.2"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jenny Kim @dsict","email":"kja0717@gmail.com"},{"name":"Wanjin Noh @WANZARGEN","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee @siyeons","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu @yuda110","email":"yuda@gmail.com"},{"name":"Songyi Kim @song2kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin @wesky93","email":"wesky93@gmail.com"},{"name":"HeeYoung Anna Lee @heeyoung1332"},{"name":"Heeyeon Kang @h22y25n"},{"name":"Sungmo Jung @sulmoJ"},{"name":"Minseo Lee @minseolee"},{"name":"Yongtae Park @piggggggggy"},{"name":"Lee Jeong Min @danmin20"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"733336dfbbaf9bdda112473ff5ea7ecd267cb1f4","_id":"@spaceone/design-system@2.0.0-beta.78","_nodeVersion":"16.19.1","_npmVersion":"8.14.0","dist":{"integrity":"sha512-4sx1CHnIfOUM4D8x1wHcvySk+Uo818+jthfPMRtvWG0AiaNxH7IUxB7zZGOYoj4nKa5NTNlVe6O7dqCwaSA9hQ==","shasum":"fb7df3decefce4c5f384af8dba7f99640385f0fd","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-2.0.0-beta.78.tgz","fileCount":1294,"unpackedSize":46285613,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCk8jhlHg4mX0rAAXjGRGEgOzKf987/zMyHvdAlh6gKQgIhANzVtrctA6irkOoDytJ1HPdljZ/orYKEmLmG6AB0BVV0"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkIoyMACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo3QA//WpKc119vQqC2ikC5aKIEZMGKAKyl2153ydzVrLFJeUeTV6Xu\r\n5BWHk4AxN1OZSSXrpbsWDfGBV9wknrbyq6Onm4+WpAxlgISUfIDLHBIb5VOF\r\nVjifYlozEbZWdqEbzW1xjTuRhriqdXN9/wtiRb4uDR4tI4la41LaGWYB/cpy\r\nTGR4fHrQyBri+c3Y1Cw9rDSMXGZmtaMElBuek+bLqWPxs1N5nEkSvVUlLwHT\r\nxbFBIuAM3M49I4UPP6DQS0u0QXCZ3RWzyM6Jw9SQsH15eZV00b0OJnEivsjN\r\nK/P/8HMJrKpWfJxOUQBeYzNaAXvhMVcOmb5B41hKbU/pZPDCz+4aLn0JsNff\r\n/3Z5neN/mUxFxe6zzBQ3kX3ZCbbl7my1MKGmIsTMqIsi8Z3ZBwY3pX+wyN/5\r\nUtxjXfWuuDsNwWW2SNfSfntE6Ei+LMq6dWva2zsnAq9Qwj4+EU0oqgTbs6Hm\r\n77h/ohp/QWpzbIKKJmm8RsWyYpkm5m088ChkQ/szeWkotGO8QIQX5fr3DAYZ\r\n0c1YmkEUxHHuC6kVVARK+fJJaWPZF2Zo3CetnLFDUbTutrn7Q4u8zrjV9o8K\r\nlOUlKZEab/i+b++R+3ik02L7mYQ07P2rHk5jyDgpfKWxRwfIXwaGxuuH2/05\r\nwyIryJriI1uDiXJsQiS7CjrOdtayNJOCJTQ=\r\n=ZByn\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_2.0.0-beta.78_1679985804101_0.835922855032498"},"_hasShrinkwrap":false},"2.0.0-beta.79":{"name":"@spaceone/design-system","version":"2.0.0-beta.79","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"types/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"reinstall":"rm -rf ./node_modules && npm install","build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:tsc:watch":"concurrently \"npm run build:watch\" \"npm run tsc:watch\"","tsc:watch":"tsc-watch --compiler vue-tsc/bin/vue-tsc.js -p tsconfig.build.json --silent --onCompilationComplete \"tsc-alias -w -p tsconfig.build.json\"","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/foundation/icons/icon-assets -t src/foundation/icons/p-icons --es6","css":"node scripts/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test:unit":"vitest run","test:unit:watch":"vitest watch --ui","test:coverage":"vitest run --coverage","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vitest/ui":"^0.26.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","concurrently":"^7.6.0","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.9.6","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","tsc-watch":"^6.0.0","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vitest":"^0.26.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 16.13.2","npm":">= 8.1.2"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jenny Kim @dsict","email":"kja0717@gmail.com"},{"name":"Wanjin Noh @WANZARGEN","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee @siyeons","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu @yuda110","email":"yuda@gmail.com"},{"name":"Songyi Kim @song2kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin @wesky93","email":"wesky93@gmail.com"},{"name":"HeeYoung Anna Lee @heeyoung1332"},{"name":"Heeyeon Kang @h22y25n"},{"name":"Sungmo Jung @sulmoJ"},{"name":"Minseo Lee @minseolee"},{"name":"Yongtae Park @piggggggggy"},{"name":"Lee Jeong Min @danmin20"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"9c9bf6a5672f1ec59e22a0bdd15681d25993220f","_id":"@spaceone/design-system@2.0.0-beta.79","_nodeVersion":"16.19.1","_npmVersion":"8.14.0","dist":{"integrity":"sha512-zdh2TBwKWkBigSgBmqFqgsGm7R1YODz42MOhe1w8t2inBSAvu3wahzQbi0fgomvCnbNnq8cKWgYugeKIyJsz0Q==","shasum":"6831e1c8c0eebe01ec54eeaf13a92eaf9cf1b234","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-2.0.0-beta.79.tgz","fileCount":1294,"unpackedSize":46273521,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCkNC7vVrSigSKgmGGrypyIEL6pqnzVsuBPB0BfvhdPdAIhAN5LqCJVOy44SoIT2B5NwahKTmiOZPtfuwP19ARd7Hn7"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkK629ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqE9g/8CX42KAypRm3XhzagqEY9fyktJwBjZB7c0PEJ4BYN4Sc6mE/L\r\n7iRpAK33d1Uc43FbcA/x39Faws2boFuvsQ4mV7+tJrBRJpZOKrsJwxY3H9H3\r\nnjG8LwXg8KARGo92wtAcIUzTnw0lGBb6cwM7dIxmSHvl8FpsZqkOz93xtgp7\r\n3MAShyu7jKOnV0x9EKNhHn4pE1HdnDNPfNCS/8Jge0DfbHraSLAr8yxZRgTy\r\nenDBrR9ae+8aFqHIKS63vLYUJGRGeqjxhhXU1hYKpueSy/Tsx1FANfkoJ3t/\r\nI9tQyvPthc9nnmNAfyGXaGFm+LilpuB+4t8d05cSaRzeXsL0TooaC9apmnxl\r\ncd0pob4QgHfn6hviVqCv/oZv4kgx4rSbIJtVKb+wLNtyrXI5vNCP7aj8loxv\r\nzK/BE3Y7016QeGdkymZTvKQCbsCowPt7PK8YgSWwweW028lmPHIW46Ph7Q9+\r\nMcLgY3waNpurrGLQzcjLrlAI58WMPrEYPjxQy2JBSq+sY1GYGd+1soyBmuTT\r\ndlJayHrOLa4/eGYNI8ZH2hAlAL/zaRxZXnMm0eusWUtVK/h2eMS2879k5I1l\r\nFK6ZgVEBMaZQdsOQbt9d6Q+Sr4khcSXILymn7hbj3JdA8gkblxyjbtGqra03\r\nAUd8XXMvCTkYHDPLF6i5AT5fsUmt7qm+wlk=\r\n=fP2f\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_2.0.0-beta.79_1680584124968_0.6460656070720128"},"_hasShrinkwrap":false},"2.0.0-beta.80":{"name":"@spaceone/design-system","version":"2.0.0-beta.80","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"types/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"reinstall":"rm -rf ./node_modules && npm install","build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:tsc:watch":"concurrently \"npm run build:watch\" \"npm run tsc:watch\"","tsc:watch":"tsc-watch --compiler vue-tsc/bin/vue-tsc.js -p tsconfig.build.json --silent --onCompilationComplete \"tsc-alias -w -p tsconfig.build.json\"","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/foundation/icons/icon-assets -t src/foundation/icons/p-icons --es6","css":"node scripts/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test:unit":"vitest run","test:unit:watch":"vitest watch --ui","test:coverage":"vitest run --coverage","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vitest/ui":"^0.26.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","concurrently":"^7.6.0","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.9.6","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","tsc-watch":"^6.0.0","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vitest":"^0.26.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 16.13.2","npm":">= 8.1.2"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jenny Kim @dsict","email":"kja0717@gmail.com"},{"name":"Wanjin Noh @WANZARGEN","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee @siyeons","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu @yuda110","email":"yuda@gmail.com"},{"name":"Songyi Kim @song2kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin @wesky93","email":"wesky93@gmail.com"},{"name":"HeeYoung Anna Lee @heeyoung1332"},{"name":"Heeyeon Kang @h22y25n"},{"name":"Sungmo Jung @sulmoJ"},{"name":"Minseo Lee @minseolee"},{"name":"Yongtae Park @piggggggggy"},{"name":"Lee Jeong Min @danmin20"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"c2a8107e28e3c3f09e82ecd485a94699db6538a7","_id":"@spaceone/design-system@2.0.0-beta.80","_nodeVersion":"16.19.1","_npmVersion":"8.14.0","dist":{"integrity":"sha512-jof9H48k7BMdIAAn1AYDCLTj/EGIwkSX5b8itnth3F37Hw/Wi4Ka0h4PviWUfKuG3D1xXqIpZz93q8g9DQAo6A==","shasum":"16e77d4344b1ea5faa22683dfda3c3f0e80a3f19","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-2.0.0-beta.80.tgz","fileCount":1294,"unpackedSize":46274990,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEcvW551w7C3jD+jvOuNjrNacEhWcsOXGqncmaYYvrzRAiAK7gIYgIkepZk7sFkAZH/TgS3k8ziJId0Fdjttjxt0FQ=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkLRy5ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmozzA/+PEjSxrS7XMVRTusmKgiiZTHW+pyefPnBG05aCXG6xhL6WO6p\r\n6L7IW84m4iix96jBBcToCOLLD2EyxbEC0l2/at4LpWCZFn3V0lIlRro4JR5P\r\nBNbXaKm3u6Uuig7Mk5Cvx7fOV679tOugIyAdPDraR8gyB0PNgyvVxH/7Tbxk\r\now6eStbahs84JlL/ybokV/XR+UcU4ZiLuJggJQhpPpVkuy3XeCCwuu4P9+vc\r\nN8y0XXFDRQUMGI2bvZRg83W2OcMXKdy+kvKtpny3lijKL6I84GlzOiPNc/UX\r\nR7wdaspSwr2agKOkrtbKGSckBknJyD8i6ynce7kneGDbXuKx97SX/cQGegfE\r\nWcSXSquOmG2F1TQrPRr9lOerh4BzBi1DfXyPltffdYjPrWSxFiAzjzlaH/Iw\r\nUmUuhjIvB04daH3w39zwJ7Ypdzxau0VOLd9KzAzuoIoP+gB2S+R+v53509NS\r\n8Y3FZIfoJfe0RHFqzO26rOlypAarp5epKpitsQly698l+ix4RnRjD2l9eSY0\r\njaIcci4ebcQrBGyHU4x3xaLvNDU4OTbsgqI33nUkiyyG5VeSdDNdevp1uHfS\r\nc0ss9F3YrzdVBi9q4lfT5TwO+q7OWXeg6f0mpjiCAd/VtVtavMupIL/XEg7u\r\nT/sfMz/1Ka0Y+qurviGZDkoiVW5/mHJxRTE=\r\n=gnrm\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_2.0.0-beta.80_1680678072721_0.8820712109532958"},"_hasShrinkwrap":false},"2.0.0-beta.81":{"name":"@spaceone/design-system","version":"2.0.0-beta.81","description":"Mirinae - Design System for Multi Cloud Management Platform, Cloudforet","keywords":["mirinae","design system","vue","vuejs","ui library","component"],"homepage":"https://github.com/cloudforet-io/mirinae#readme","bugs":{"url":"https://github.com/cloudforet-io/mirinae/issues","email":"admin@spaceone.dev"},"author":{"name":"Cloudforet"},"license":"Apache-2.0","main":"./dist/mirinae.mjs","module":"./dist/mirinae.mjs","typings":"types/index.d.ts","repository":{"type":"git","url":"git+https://github.com/cloudforet-io/mirinae.git"},"publishConfig":{"access":"public"},"scripts":{"reinstall":"rm -rf ./node_modules && npm install","build":"NODE_OPTIONS=--max_old_space_size=8192 vite build","build:watch":"NODE_OPTIONS=--max_old_space_size=8192 vite build --watch","build:tsc:watch":"concurrently \"npm run build:watch\" \"npm run tsc:watch\"","tsc:watch":"tsc-watch --compiler vue-tsc/bin/vue-tsc.js -p tsconfig.build.json --silent --onCompilationComplete \"tsc-alias -w -p tsconfig.build.json\"","vue-tsc":"vue-tsc -p tsconfig.build.json","tsc-alias":"tsc-alias -p tsconfig.build.json","build:storybook":"NODE_OPTIONS=--max_old_space_size=4096 build-storybook -o .out -s public","storybook":"start-storybook -p 6006 -s public","icon":"vsvg -s ./src/foundation/icons/icon-assets -t src/foundation/icons/p-icons --es6","css":"node scripts/css.js","eslint":"eslint --quiet --ext .js,.vue,.ts ./src/","stylelint":"stylelint \"src/**/*.{css,vue,pcss,scss}\"","lint":"npm run eslint && npm run stylelint","test:unit":"vitest run","test:unit:watch":"vitest watch --ui","test:coverage":"vitest run --coverage","cm":"cz","prepare":"husky install","semantic-release":"SKIP_PRE_COMMIT=1 SKIP_COMMIT_MSG=1 semantic-release"},"dependencies":{"@amcharts/amcharts4":"^4.10.10","@babel/runtime":"^7.12.5","@babel/runtime-corejs3":"^7.12.5","@egjs/vue-flicking":"^3.5.2","@faker-js/faker":"^7.3.0","@juggle/resize-observer":"^3.3.1","@popperjs/core":"^2.10.2","@vueuse/components":"^9.0.2","@vueuse/core":"^8.3.1","ajv":"^8.11.0","ajv-formats":"^2.1.1","ajv-i18n":"^4.2.0","bytes":"^3.1.1","codemirror":"^5.65.6","color":"^3.1.2","core-js":"^3.8.2","dayjs":"^1.10.7","dompurify":"^2.0.11","dragselect":"^1.13.1","ejs":"^3.1.5","filepond":"^4.30.3","filepond-plugin-file-validate-type":"^1.2.6","flatpickr":"^4.6.9","fuse.js":"^3.4.6","highlight.js":"^10.0.2","linkify-it":"^4.0.1","lodash":"^4.17.15","marked":"^4.0.10","uuid":"^8.3.0","v-click-outside":"^3.0.1","v-tooltip":"^2.0.2","velocity-animate":"^1.5.2","vue":"^2.7.10","vue-filepond":"^6.0.3","vue-focus":"^2.1.0","vue-fragment":"^1.5.1","vue-gtag":"^1.6.2","vue-i18n":"^8.11.2","vue-js-toggle-button":"^1.3.3","vue-notification":"^1.3.20","vue-router":"^3.4.9","vue-svgicon":"^3.2.6","vue-template-compiler":"^2.7.10","vuedraggable":"^2.24.3","webfontloader":"^1.6.28"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@babel/runtime-corejs2":"^7.10.3","@commitlint/cli":"^12.1.1","@commitlint/config-conventional":"^12.1.1","@originjs/vite-plugin-commonjs":"^1.0.3","@semantic-release/changelog":"^6.0.1","@semantic-release/git":"^10.0.1","@storybook/addon-a11y":"^6.3.12","@storybook/addon-actions":"^6.3.12","@storybook/addon-essentials":"^6.3.12","@storybook/addon-google-analytics":"^6.2.9","@storybook/addon-knobs":"^6.3.1","@storybook/addon-links":"^6.3.12","@storybook/addon-storysource":"^6.3.12","@storybook/addons":"^6.3.12","@storybook/vue":"^6.3.12","@types/bytes":"^3.1.1","@types/codemirror":"0.0.109","@types/color":"^3.0.1","@types/dompurify":"^2.3.3","@types/ejs":"^3.1.0","@types/linkify-it":"^3.0.2","@types/lodash":"^4.14.149","@types/marked":"^4.0.2","@types/uuid":"^8.3.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","@vitejs/plugin-vue2":"^2.0.1","@vitest/ui":"^0.26.1","@vue/cli-plugin-babel":"^4.5.19","@vue/cli-service":"^4.5.19","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^4.0.0","@vue/test-utils":"^1.3.0","autoprefixer":"^9.7.4","babel-core":"^7.0.0-bridge.0","babel-loader":"^8.2.3","babel-preset-vue":"^2.0.2","commitizen":"^4.2.4","concurrently":"^7.6.0","copy-webpack-plugin":"^4.6.0","css-loader":"^3.2.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-import-resolver-typescript":"^2.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-mdx":"^1.16.0","eslint-plugin-vue":"^8.7.1","fork-ts-checker-webpack-plugin":"^6.4.0","fsevents":"^2.3.2","https-proxy-agent":"^2.2.4","husky":"^7.0.4","lint-staged":"^11.2.6","postcss":"^8.3.1","postcss-comment":"^2.0.0","postcss-conditionals":"^2.1.0","postcss-easy-import":"^3.0.0","postcss-hexrgba":"^2.0.0","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-scss":"^2.0.0","postcss-simple-vars":"^5.0.2","resolve-url-loader":"^3.1.0","rollup-plugin-copy":"^3.4.0","sass":"^1.49.11","sass-loader":"^10.3.1","semantic-release":"^19.0.3","storybook-addon-designs":"^6.2.0","style-loader":"^1.0.0","stylelint":"^13.2.1","stylelint-config-standard":"^20.0.0","tailwindcss":"^1.9.6","ts-loader":"^7.0.4","tsc-alias":"^1.3.7","tsc-watch":"^6.0.0","typescript":"^4.6.3","vite":"^3.2.4","vite-plugin-stylelint":"^3.0.9","vitest":"^0.26.1","vue-loader":"^15.10.0","vue-tsc":"^1.0.9","webpack":"^4.28.4"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"engines":{"node":">= 16.13.2","npm":">= 8.1.2"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"resolutions":{"react":"^16.13.1","react-dom":"^16.13.1"},"contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jenny Kim @dsict","email":"kja0717@gmail.com"},{"name":"Wanjin Noh @WANZARGEN","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee @siyeons","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu @yuda110","email":"yuda@gmail.com"},{"name":"Songyi Kim @song2kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin @wesky93","email":"wesky93@gmail.com"},{"name":"HeeYoung Anna Lee @heeyoung1332"},{"name":"Heeyeon Kang @h22y25n"},{"name":"Sungmo Jung @sulmoJ"},{"name":"Minseo Lee @minseolee"},{"name":"Yongtae Park @piggggggggy"},{"name":"Lee Jeong Min @danmin20"}],"readme":"<h1 align=\"center\">Mirinae - Cloudforet Design System</h1>  \n\n<br/>\n\n<div align=\"center\" style=\"display:flex; flex-direction: column;\">\n    <div>\n        <img width=\"245\" src=\"https://user-images.githubusercontent.com/35549653/76694897-de236300-66bb-11ea-9ace-b9edde9c12da.png\">\n    </div>\n<br/>\n<div>\n<a  href=\"https://www.apache.org/licenses/LICENSE-2.0\"  target=\"_blank\">  \n<img  alt=\"License: Apache 2.0\"  src=\"https://img.shields.io/badge/License-Apache 2.0-yellow.svg\"  />  \n</a> \n<a href=\"https://storybook.developer.spaceone.dev/\"  target=\"_blank\">  \n    <img alt=\"mirinae storybook\" src=\"https://img.shields.io/badge/Design System-SpaceOne-blueviolet.svg?logo=storybook\" />  \n</a> \n</div>\n\n</div>  \n\n  \n    \n \n\n  \n\n<br/>\n\n[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/0)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/0)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/1)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/1)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/2)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/2)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/3)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/3)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/4)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/4)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/5)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/5)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/6)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/6)[![](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/images/7)](https://sourcerer.io/fame/WANZARGEN/spaceone-dev/spaceone-design-system/links/7)\n\n\n<br/>\n\n## 🧩 Mirinae Design System  \n[Mirinae Storybook](http://storybook.developer.spaceone.dev/)  \n\n<br/> \n<br/>\n\n## 👨‍👩‍👧 Author\n\nSee our [OWNERS](https://github.com/cloudforet-io/mirinae/blob/master/AUTHORS) file.\n\n<br/>\n<br/>\n\n## 📝 License\n\nThis project is [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) licensed.\n\n<br/>\n<br/>\n\n### Chart License\nMirinae design system internally uses amCharts for Dynamic Chart. <br/>\nBefore using the design system, look carefully at amCharts' license. <br/>\nIf you want to purchase the amCharts license that suits you and use it on your application,\nsee the license FAQ.\n\nhttps://www.amcharts.com/online-store/licenses-explained/\n\n## How to Use\n\n\n### 1. Install\n\n```shell\nnpm install @spaceone/design-system vue vue-router vue-i18n vue-fragment @amcharts\n```\n\n### 2. Set plugin\n   \nAdd following lines to ```main.js``` file. <br/>\n\n```javascript\nimport MirinaeDesignSystem from '@spaceone/design-system';\n\nVue.use(MirinaeDesignSystem, pluginOptions);\n```\n\n#### Plugin Options\n\n| Option | Description |\n| --- | ---- |\n| installVueRouter | Whether to install Vue Router. Some components use Vue Router, so don't give this option if you have already installed it in your application. |\n| installVueI18n | Whether to install Vue I18n. Some components use Vue I18n, so don't give this option if you have already installed it in your application. |\n| installFragment | Whether to install Vue Fragment. Some components use Vue Fragment, so don't give this option if you have already installed it in your application. |\n| amchartsLicenses | If you use the amcharts library such as Dynamic Chart, license the amcharts as a string array. |\n\n```typescript\ninterface MirinaeDSOptions {\n    installVueRouter?: boolean;\n    installVueI18n?: boolean;\n    installFragment?: boolean;\n    amchartsLicenses?: string[];\n}\n```\n\n### 3. Set components locally\n\nExample: \n\n```javascript\nimport { PButtonTab, PDynamicLayout } from '@spaceone/design-system';\n\nexport default {\n    components: {\n        PButtonTab,\n        PDynamicLayout,\n    },\n    ...\n}\n```\n\n<br/>\n\n## How to Apply Styles\n\nMirinae Design System is based on Tailwindcss.<br/>\n\n### Global Styles\n\n#### Case 1. All styles\nIf your project doesn't use tailwindcss, add the code below to ```main.ts```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n### Case 2. Without tailwindcss styles\nIf your project use tailwindcss, you don't need to import all styles. <br/>\nIn that case, add codes below to your ```tailwind.config.js```.\n\n```javascript\nconst mirinaeTailwind = require('@spaceone/design-system/tailwind.config.js')\n\nmodule.exports = {\n    theme: {\n        ...mirinaeTailwind.theme,\n        // your customized theme\n    },\n    variants: [...mirinaeTailwind.variants, \n    //your customized variants \n    ],\n    plugins: [\n        ...mirinaeTailwind.plugins,\n        //your customized plugins \n    ]\n}\n```\n\nAlso, you need to add codes below to your ```main.js```.\n\n```javascript\nimport '@spaceone/design-system/dist/css/light-style.css';\nimport '@spaceone/design-system/dist/style.css';\n```\n\n\n","readmeFilename":"README.md","gitHead":"05f3bee46257c155765eff91dd9b5f1d9d3aaff0","_id":"@spaceone/design-system@2.0.0-beta.81","_nodeVersion":"16.20.0","_npmVersion":"8.14.0","dist":{"integrity":"sha512-94Br4ukCfjMIGH6nI6KFJgs1bhmsRwr7lO72P8eouQ2jI7N59P3WJavMrDmuxKMHQOIu8rFui2mYeQ1bWepOpQ==","shasum":"a4c636f1d124398c90c85264748d2c1c0bcd8683","tarball":"https://registry.npmjs.org/@spaceone/design-system/-/design-system-2.0.0-beta.81.tgz","fileCount":1294,"unpackedSize":46276864,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCrHjYUCih7eN49r0DHj+iuRbT/rJFspj9V8QGHjEAhCQIhAL1SapP32qgoIhxuR7+gtLaV6aUxSz1dUZXV/wfDsfjg"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkL52mACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqTVRAAoHByDkTvA2kjCe6G53HWrjt8Hi3IvyXwzpo72rTZ5H78z1Sk\r\ncisLKW8HDeWn3jVZj1OS2XkChIU+GY/AT1qmBmhZdRDpg4iP/Gvz1soPTWJa\r\naVHDp4FaM5g5n7DmtR+zOoIfgbaIVReDtkeWCLy7RgQE6YrIb3k+E0vBU/b7\r\nYJVPk9WKSZMoCBU+P9uX/ZYRNjTwjIH0BIAMDtgZPuqfgIofIOEwksYqRQLk\r\naSBhlzuhoaNImndJ7n9sp2VlRpFKQPEPPmIrNpJcN0D3LBgKkPCvAs2Bm7fE\r\nkSKOIyOseczEmuQQ3vPg0GLeBCGt0gBXK/T/gbbb2kcQeLCkdSAM1m4G2fto\r\nWQrcyAguDNapvD9AUmR1baUkElIR/rg/YNEr+tfDp9i/u66I2e2As4PgMmQZ\r\nrIADH56KqIBk3vF/EobTsHEtK1QJyWfMuWCVu+BqG09cbMMtsMcR0XpC/eh3\r\nCoTHxdzH/sABD3w45/fNyR3MJ/kwKQHLvVaDLeYbhGFcm+3HQlqRoOYXrnVj\r\nUkuum4u6udCJgVSzAfUQG2mLEX2zwNfuGaCXY5Cfy64dD5w/dFq94iS6Z6rl\r\nUdLO3MZzmylZt3qQzSiQ/etmxmuKnfZ0mW53veK5hca0Qnkk0JWXQ2j6vRz+\r\nLEZI3apgTAOL/JRmiggocFYufQ8Tr4sOs5c=\r\n=RzqW\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"spaceone-admin","email":"admin@spaceone.dev"},"directories":{},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/design-system_2.0.0-beta.81_1680842150235_0.7053954234304676"},"_hasShrinkwrap":false}},"time":{"created":"2020-12-29T12:34:32.110Z","1.0.0":"2020-12-29T12:34:32.557Z","modified":"2023-04-07T04:35:50.948Z","1.0.1-0":"2020-12-29T13:35:17.312Z","1.0.1-1":"2020-12-29T13:57:30.542Z","1.0.1-2":"2020-12-29T15:10:18.092Z","1.0.1-3":"2020-12-30T05:16:02.897Z","1.0.1-4":"2020-12-30T06:26:17.797Z","1.0.1-5":"2020-12-30T06:55:19.086Z","1.0.1-6":"2020-12-30T14:40:10.201Z","1.0.1-7":"2020-12-30T15:14:05.830Z","1.0.1-8":"2020-12-30T17:02:32.444Z","1.0.1-9":"2021-01-04T05:33:19.885Z","1.0.1-10":"2021-01-04T05:52:13.503Z","1.0.1-12":"2021-01-04T07:37:38.565Z","1.0.1-13":"2021-01-04T09:25:34.049Z","1.0.1-14":"2021-01-04T09:59:20.116Z","1.0.1-15":"2021-01-04T10:24:09.653Z","1.0.1-16":"2021-01-05T02:54:37.022Z","1.0.1-17":"2021-01-05T05:44:09.819Z","1.0.1-18":"2021-01-05T06:05:46.140Z","1.0.1-19":"2021-01-05T06:21:05.866Z","1.0.1-20":"2021-01-05T06:42:06.423Z","1.0.1-21":"2021-01-05T07:22:22.745Z","1.0.1-22":"2021-01-05T09:25:30.536Z","1.0.1-23":"2021-01-05T10:14:52.207Z","1.0.1-24":"2021-01-05T11:30:42.493Z","1.0.1-25":"2021-01-05T11:48:47.216Z","1.0.1-26":"2021-01-05T12:07:22.210Z","1.0.1-27":"2021-01-05T12:39:21.900Z","1.0.1-28":"2021-01-05T13:15:09.227Z","1.0.1-29":"2021-01-05T13:22:46.782Z","1.0.1-30":"2021-01-05T13:40:07.710Z","1.0.1-31":"2021-01-05T13:57:09.307Z","1.0.1-32":"2021-01-05T14:29:34.176Z","1.0.1-33":"2021-01-05T14:44:12.838Z","1.0.1-34":"2021-01-06T01:55:21.124Z","1.0.1-35":"2021-01-06T03:37:56.566Z","1.0.1-36":"2021-01-06T15:18:58.985Z","1.0.1-37":"2021-01-07T04:25:08.084Z","1.0.1-39":"2021-01-07T06:45:02.632Z","0.0.0-alpha.0":"2021-01-07T07:48:25.147Z","0.0.0-dev.1":"2021-01-07T10:10:47.733Z","0.0.0-dev.2":"2021-01-07T11:43:55.473Z","0.0.0-dev.3":"2021-01-07T12:09:54.859Z","0.0.0-dev.4":"2021-01-07T12:36:05.362Z","0.0.0-dev.5":"2021-01-07T13:21:01.515Z","0.0.0-dev.6":"2021-01-07T14:04:23.444Z","0.0.0-dev.7":"2021-01-07T15:48:05.789Z","0.0.0-dev.8":"2021-01-07T16:12:53.073Z","0.0.0-dev.9":"2021-01-08T05:27:09.862Z","0.0.0-dev.10":"2021-01-08T06:55:12.574Z","0.0.0-dev.11":"2021-01-08T07:59:08.681Z","0.0.0-dev.12":"2021-01-08T08:49:39.348Z","0.0.0-dev.13":"2021-01-08T09:03:46.061Z","0.0.0-dev.14":"2021-01-11T05:22:56.915Z","0.0.0-dev.15":"2021-01-11T07:05:54.944Z","0.0.0-dev.16":"2021-01-11T08:00:09.001Z","0.0.0-dev.17":"2021-01-12T05:31:07.219Z","0.0.0-dev.18":"2021-01-12T05:56:45.061Z","0.0.0-dev.19":"2021-01-12T10:25:43.322Z","0.0.0-dev.20":"2021-01-12T13:26:50.890Z","0.0.0-dev.21":"2021-01-12T13:31:09.816Z","0.0.0-dev.22":"2021-01-12T14:31:20.507Z","0.0.0-dev.23":"2021-01-12T14:44:23.363Z","0.0.0-dev.24":"2021-01-12T15:00:10.853Z","0.0.0-dev.27":"2021-01-13T07:28:28.521Z","0.0.0-dev.28":"2021-01-13T07:37:18.033Z","0.0.0-dev.29":"2021-01-13T08:59:28.549Z","0.0.0-dev.30":"2021-01-13T12:48:02.211Z","0.0.0-dev.31":"2021-01-14T05:08:06.155Z","0.0.0-dev.32":"2021-01-14T09:06:47.966Z","0.0.0-dev.33":"2021-01-14T15:07:48.332Z","0.0.0-dev.34":"2021-01-18T05:04:48.049Z","0.0.0-dev.35":"2021-01-18T07:05:10.403Z","0.0.0-dev.36":"2021-01-18T08:22:42.773Z","0.0.0-dev.37":"2021-01-18T08:36:21.706Z","0.0.0-dev.39":"2021-01-18T09:07:44.644Z","0.0.0-dev.38":"2021-01-18T09:08:05.554Z","0.0.0-dev.40":"2021-01-18T09:27:22.615Z","0.0.0-dev.41":"2021-01-19T04:55:29.528Z","0.0.0-dev.42":"2021-01-19T05:41:50.236Z","0.0.0-dev.43":"2021-01-19T06:32:22.286Z","0.0.0-dev.44":"2021-01-19T07:24:38.918Z","0.0.0-dev.45":"2021-01-19T07:44:03.428Z","0.0.0-dev.46":"2021-01-19T07:57:54.377Z","0.0.0-dev.47":"2021-01-20T02:18:26.421Z","0.0.0-dev.48":"2021-01-20T06:55:20.014Z","0.0.0-dev.49":"2021-01-25T02:03:40.417Z","0.0.0-dev.50":"2021-01-25T08:51:28.842Z","0.0.0-dev.51":"2021-01-25T12:03:06.954Z","0.0.0-dev.52":"2021-01-25T12:29:19.387Z","0.0.0-dev.54":"2021-01-25T12:42:54.613Z","0.0.0-dev.55":"2021-01-25T14:03:30.048Z","0.0.0-dev.56":"2021-01-26T02:22:06.901Z","0.0.0-dev.57":"2021-01-26T03:03:22.776Z","0.0.0-dev.58":"2021-01-26T04:44:27.987Z","0.0.0-dev.59":"2021-01-26T05:23:54.777Z","0.0.0-dev.60":"2021-01-26T07:01:11.866Z","0.0.0-dev.61":"2021-01-27T07:07:09.812Z","0.0.0-dev.62":"2021-01-27T07:24:08.951Z","0.0.0-dev.64":"2021-01-27T12:18:25.456Z","0.0.0-dev.65":"2021-01-28T02:47:01.425Z","0.0.0-dev.66":"2021-01-28T11:32:10.710Z","0.0.0-dev.67":"2021-01-28T14:02:25.909Z","0.0.0-dev.68":"2021-01-29T04:16:17.828Z","0.0.0-dev.69":"2021-01-29T10:38:13.028Z","0.0.0-dev.70":"2021-01-29T12:16:40.902Z","0.0.0-dev.71":"2021-01-29T13:42:27.361Z","0.0.0-dev.72":"2021-01-29T14:25:47.920Z","0.0.0-dev.73":"2021-01-29T14:39:28.959Z","0.0.0-dev.74":"2021-01-29T14:50:33.582Z","0.0.0-dev.75":"2021-01-29T14:58:25.959Z","0.0.0-dev.76":"2021-01-29T16:37:07.733Z","0.0.0-dev.77":"2021-01-29T17:14:29.158Z","0.0.0-dev.78":"2021-01-30T11:40:43.726Z","0.0.0-dev.79":"2021-01-31T04:47:22.466Z","0.0.0-dev.80":"2021-02-01T05:03:01.153Z","0.0.0-dev.81":"2021-02-01T05:30:59.166Z","0.0.0-dev.82":"2021-02-01T05:32:59.518Z","0.1.1-dev.0":"2021-02-01T07:44:41.301Z","0.1.1-dev.1":"2021-02-02T04:11:55.028Z","0.1.1-dev.2":"2021-02-02T07:50:33.004Z","0.1.1-dev.3":"2021-02-02T09:24:58.530Z","0.1.1-dev.4":"2021-02-02T09:41:44.180Z","0.1.1-dev.5":"2021-02-03T02:53:54.361Z","0.1.1-dev.6":"2021-02-03T03:24:21.730Z","0.1.1-dev.7":"2021-02-03T03:53:35.204Z","0.1.1-dev.8":"2021-02-03T04:34:57.264Z","0.1.1-dev.11":"2021-02-03T08:51:35.359Z","0.1.1-dev.12":"2021-02-03T09:28:53.067Z","0.1.1-dev.13":"2021-02-03T10:04:49.851Z","0.1.1-dev.14":"2021-02-04T02:29:59.969Z","0.1.1-dev.15":"2021-02-08T03:15:35.397Z","0.1.1-dev.16":"2021-02-08T03:20:31.396Z","0.1.1-dev.17":"2021-02-08T04:45:11.187Z","0.1.1-dev.18":"2021-02-08T09:35:34.673Z","0.1.1-dev.19":"2021-02-18T01:55:27.077Z","0.1.1-dev.20":"2021-02-18T02:20:28.190Z","0.1.1-dev.24":"2021-02-22T02:30:11.165Z","0.1.1-dev.25":"2021-02-22T03:38:18.359Z","0.1.1-dev.26":"2021-02-23T05:04:58.343Z","0.1.1-dev.27":"2021-02-23T07:29:39.224Z","0.1.1-dev.28":"2021-02-23T09:11:29.415Z","0.1.1-dev.29":"2021-02-23T09:44:52.530Z","0.1.1-dev.30":"2021-02-23T12:00:44.658Z","0.1.1-dev.31":"2021-02-23T16:23:18.452Z","0.1.1-dev.32":"2021-02-26T07:25:34.977Z","0.1.1-dev.35":"2021-02-26T15:50:51.483Z","0.1.1-dev.38":"2021-03-04T05:23:46.600Z","0.1.1-dev.39":"2021-03-04T07:43:56.991Z","0.1.1-dev.40":"2021-03-04T15:37:56.097Z","0.1.1-dev.41":"2021-03-05T10:25:33.304Z","0.1.1-dev.42":"2021-03-05T10:51:17.615Z","0.1.1-dev.44":"2021-03-06T16:38:16.393Z","0.1.1-dev.45":"2021-03-06T17:32:41.945Z","0.1.1-dev.46":"2021-03-08T12:18:57.323Z","0.1.1-dev.47":"2021-03-08T12:54:15.065Z","0.1.1-dev.48":"2021-03-08T14:25:44.924Z","0.1.1-dev.49":"2021-03-09T02:28:47.117Z","0.1.1-dev.50":"2021-03-09T05:03:27.594Z","0.1.1-dev.51":"2021-03-09T05:41:17.409Z","0.1.1-dev.52":"2021-03-09T07:08:16.359Z","0.1.1-dev.53":"2021-03-10T07:11:01.505Z","0.1.1-dev.54":"2021-03-10T07:30:07.799Z","0.1.1-dev.55":"2021-03-10T08:07:15.138Z","0.1.1-dev.56":"2021-03-10T08:41:28.879Z","0.1.1-dev.57":"2021-03-11T04:49:51.187Z","0.1.1-dev.59":"2021-03-12T01:19:33.587Z","0.1.1-dev.60":"2021-03-15T02:06:15.713Z","0.1.1-dev.61":"2021-03-15T02:37:57.034Z","0.1.1-dev.64":"2021-03-16T02:38:09.148Z","0.1.1-dev.66":"2021-03-17T09:01:43.108Z","0.1.1-dev.67":"2021-03-18T07:29:30.170Z","0.1.1-dev.68":"2021-03-20T05:15:17.178Z","0.1.1-dev.69":"2021-03-24T02:22:19.191Z","0.1.1-dev.70":"2021-03-25T08:25:43.635Z","0.1.1-dev.71":"2021-03-25T09:19:22.336Z","0.1.1-dev.72":"2021-03-25T13:04:55.565Z","0.1.1-dev.73":"2021-03-25T13:50:36.779Z","0.1.1-dev.74":"2021-03-25T14:51:15.105Z","0.1.1-dev.76":"2021-04-02T07:06:05.308Z","0.1.1-dev.77":"2021-04-05T05:54:45.850Z","0.1.1-dev.78":"2021-04-05T07:30:30.671Z","0.1.1-dev.79":"2021-04-05T08:17:27.781Z","0.1.1-dev.80":"2021-04-07T05:00:42.654Z","0.1.1-dev.81":"2021-04-07T05:54:46.535Z","0.1.1-dev.82":"2021-04-07T13:10:33.534Z","0.1.1-dev.83":"2021-04-08T08:44:44.956Z","0.1.1-dev.84":"2021-04-08T11:33:02.565Z","0.1.1-dev.85":"2021-04-08T11:44:31.612Z","0.1.1-dev.86":"2021-04-09T05:16:18.281Z","0.1.1-dev.87":"2021-04-09T07:50:17.406Z","0.1.1-dev.88":"2021-04-11T04:20:55.570Z","0.1.1-dev.89":"2021-04-11T08:13:38.775Z","0.1.1-dev.90":"2021-04-12T07:00:12.261Z","0.1.1-dev.91":"2021-04-12T07:19:46.654Z","0.1.1-dev.92":"2021-04-12T09:45:50.757Z","0.1.1-dev.94":"2021-04-13T03:37:39.383Z","0.1.1-dev.95":"2021-04-13T05:22:10.386Z","0.1.1-dev.96":"2021-04-13T06:15:10.080Z","0.1.1-dev.97":"2021-04-13T08:16:32.278Z","0.1.1-dev.98":"2021-04-13T08:31:04.508Z","0.1.1-dev.99":"2021-04-14T13:40:19.820Z","0.1.1-dev.100":"2021-04-20T09:49:27.662Z","0.1.1-dev.101":"2021-04-20T12:05:28.600Z","0.1.1-dev.102":"2021-04-21T05:12:00.313Z","0.1.1-dev.103":"2021-04-21T06:26:10.435Z","0.1.1-dev.104":"2021-04-21T06:44:10.109Z","0.1.1-dev.105":"2021-04-21T07:25:24.322Z","0.1.1-dev.106":"2021-04-22T02:23:20.298Z","0.1.1-dev.107":"2021-04-22T08:10:49.851Z","0.1.1-dev.108":"2021-04-26T04:38:30.793Z","0.1.1-dev.109":"2021-04-26T09:12:44.017Z","0.1.1-dev.110":"2021-04-27T06:43:31.081Z","0.1.1-dev.111":"2021-04-27T07:26:23.774Z","0.1.1-dev.112":"2021-04-27T07:38:28.900Z","0.1.1-dev.113":"2021-04-28T05:37:36.597Z","0.1.1-dev.114":"2021-04-28T07:28:04.489Z","0.1.1-dev.115":"2021-04-28T09:53:04.663Z","0.1.1-dev.116":"2021-04-29T06:09:28.269Z","0.1.1-dev.117":"2021-04-29T09:15:21.185Z","0.1.1-dev.118":"2021-04-29T11:51:57.167Z","0.1.1-dev.119":"2021-04-30T12:52:29.208Z","0.1.1-dev.120":"2021-05-03T16:38:30.184Z","0.1.1-dev.121":"2021-05-04T05:57:04.615Z","0.1.1-dev.122":"2021-05-06T02:57:53.905Z","0.1.1-dev.123":"2021-05-06T06:55:32.079Z","0.1.1-dev.124":"2021-05-06T07:01:30.713Z","0.1.1-dev.125":"2021-05-06T08:43:59.889Z","0.1.1-dev.126":"2021-05-06T16:33:39.706Z","0.1.1-dev.127":"2021-05-06T16:45:07.265Z","0.1.1-dev.128":"2021-05-07T01:42:30.117Z","0.1.1-dev.129":"2021-05-07T04:14:49.954Z","0.1.1-dev.130":"2021-05-07T05:55:09.061Z","0.1.1-dev.131":"2021-05-07T06:11:43.859Z","0.1.1-dev.132":"2021-05-10T08:44:44.568Z","0.1.1-dev.133":"2021-05-10T09:07:50.858Z","0.1.1-dev.134":"2021-05-11T07:49:42.692Z","0.1.1-dev.135":"2021-05-13T01:32:34.219Z","1.0.1":"2021-05-13T12:57:51.850Z","1.0.2":"2021-05-13T14:14:10.511Z","1.0.3":"2021-05-13T14:51:05.220Z","1.1.0-beta.1":"2021-05-14T07:01:33.037Z","1.1.0-beta.2":"2021-05-14T07:15:16.251Z","1.1.0-beta.3":"2021-05-14T08:09:31.068Z","1.1.0-beta.4":"2021-05-14T09:29:41.798Z","1.1.0-beta.5":"2021-05-17T01:43:31.119Z","1.1.0-beta.6":"2021-05-17T02:17:49.968Z","1.1.0-beta.7":"2021-05-17T03:54:40.485Z","1.1.0-beta.8":"2021-05-17T14:44:05.022Z","1.1.0-beta.9":"2021-05-18T06:27:57.712Z","1.1.0-beta.10":"2021-05-18T09:22:36.882Z","1.1.0-beta.11":"2021-05-19T04:40:12.171Z","1.1.0-beta.12":"2021-05-19T16:03:43.513Z","1.1.0-beta.13":"2021-05-19T17:18:06.261Z","1.1.0-beta.14":"2021-05-20T06:57:42.505Z","1.1.0-beta.15":"2021-05-20T08:09:26.694Z","1.1.0-beta.16":"2021-05-21T06:32:40.014Z","1.1.0-beta.17":"2021-05-22T22:00:36.260Z","1.1.0-beta.18":"2021-05-22T22:08:54.612Z","1.1.0-beta.19":"2021-05-22T23:17:26.608Z","1.1.0-beta.20":"2021-05-24T04:47:51.029Z","1.1.0-beta.21":"2021-05-24T05:20:43.176Z","1.1.0-beta.22":"2021-05-24T07:06:35.325Z","1.1.0-beta.23":"2021-05-24T08:20:53.931Z","1.1.0-beta.24":"2021-05-25T06:32:44.731Z","1.1.0-beta.25":"2021-05-25T09:39:13.070Z","1.1.0-beta.26":"2021-05-26T02:12:27.839Z","1.1.0-beta.27":"2021-05-26T03:20:10.079Z","1.1.0-beta.28":"2021-05-27T05:21:42.347Z","1.1.0-beta.29":"2021-05-27T06:00:45.284Z","1.1.0-beta.30":"2021-05-27T13:28:51.236Z","1.1.0-beta.31":"2021-05-28T15:07:13.321Z","1.1.0-beta.32":"2021-05-28T15:16:27.141Z","1.1.0-beta.33":"2021-05-28T16:19:52.060Z","1.1.0-beta.34":"2021-05-28T17:06:05.750Z","1.1.0-beta.35":"2021-05-31T06:52:57.979Z","1.1.0-beta.36":"2021-06-01T01:42:26.219Z","1.1.0-beta.37":"2021-06-01T08:36:56.761Z","1.1.0-beta.38":"2021-06-02T07:05:16.958Z","1.1.0-beta.39":"2021-06-02T09:28:04.812Z","1.1.0-beta.40":"2021-06-03T15:07:17.787Z","1.1.0-beta.41":"2021-06-03T15:42:43.456Z","1.1.0-beta.42":"2021-06-04T10:51:38.974Z","1.1.0-beta.43":"2021-06-04T15:42:15.309Z","1.1.0-beta.44":"2021-06-05T00:20:08.313Z","1.1.0-beta.45":"2021-06-05T08:05:08.646Z","1.1.0-beta.46":"2021-06-06T01:16:49.399Z","1.1.0-beta.47":"2021-06-07T06:31:01.847Z","1.1.0-beta.48":"2021-06-07T09:27:25.142Z","1.1.0-beta.49":"2021-06-09T03:38:37.473Z","1.1.0-beta.50":"2021-06-09T04:55:44.189Z","1.1.0-beta.51":"2021-06-09T06:04:00.213Z","1.1.0-beta.52":"2021-06-09T06:20:37.988Z","1.1.0-beta.53":"2021-06-09T09:21:10.244Z","1.1.0-beta.54":"2021-06-09T10:40:31.062Z","1.1.0-beta.55":"2021-06-10T03:34:17.786Z","1.1.0-beta.56":"2021-06-10T06:44:22.094Z","1.1.0-beta.57":"2021-06-14T05:50:48.093Z","1.1.0-beta.58":"2021-06-14T06:03:24.826Z","1.1.0-beta.59":"2021-06-14T06:52:16.051Z","1.1.0-beta.60":"2021-06-15T03:15:21.626Z","1.1.0-beta.61":"2021-06-15T06:48:40.575Z","1.1.0-beta.62":"2021-06-16T00:15:25.088Z","1.1.0-beta.63":"2021-06-16T04:01:43.328Z","1.1.0-beta.64":"2021-06-17T17:10:34.425Z","1.1.0-beta.65":"2021-06-17T17:28:03.644Z","1.1.0-beta.66":"2021-06-18T06:10:36.834Z","1.1.0-beta.67":"2021-06-18T17:08:27.649Z","1.1.0-beta.68":"2021-06-18T17:27:35.167Z","1.1.0-beta.69":"2021-06-18T17:39:55.732Z","1.1.0-beta.70":"2021-06-21T03:03:45.511Z","1.1.0-beta.71":"2021-06-22T14:32:06.169Z","1.1.0-beta.72":"2021-06-24T09:56:55.701Z","1.1.0-beta.73":"2021-06-24T13:10:50.028Z","1.1.0-beta.74":"2021-06-24T14:37:18.301Z","1.1.0-beta.75":"2021-06-24T16:24:02.321Z","1.1.0-beta.76":"2021-06-25T05:28:32.468Z","1.1.0-beta.77":"2021-06-25T05:34:17.327Z","1.1.0-beta.78":"2021-06-25T07:39:21.775Z","1.1.0-beta.79":"2021-06-25T09:05:10.407Z","1.1.0-beta.80":"2021-06-25T18:02:48.574Z","1.1.0-beta.81":"2021-06-28T01:49:50.739Z","1.1.0-beta.82":"2021-06-28T08:57:07.865Z","1.1.0-beta.83":"2021-06-28T15:01:55.891Z","1.1.0-beta.84":"2021-06-28T16:33:59.584Z","1.1.0-beta.85":"2021-06-29T07:23:37.994Z","1.1.0-beta.86":"2021-06-29T10:51:27.702Z","1.1.0-beta.87":"2021-06-29T11:03:09.321Z","1.1.0-beta.88":"2021-06-29T12:42:48.545Z","1.1.0-beta.89":"2021-06-29T13:44:32.312Z","1.1.0-beta.90":"2021-06-29T14:35:49.132Z","1.1.0-beta.91":"2021-06-30T02:49:12.382Z","1.1.0-beta.92":"2021-07-05T09:02:00.094Z","1.1.0-beta.93":"2021-07-05T14:51:46.359Z","1.1.0-beta.94":"2021-07-06T05:35:27.156Z","1.1.0-beta.95":"2021-07-09T03:02:33.031Z","1.1.0-beta.96":"2021-07-09T04:54:39.407Z","1.1.0-beta.97":"2021-07-09T06:34:10.175Z","1.1.0-beta.98":"2021-07-09T09:24:22.626Z","1.1.0-beta.99":"2021-07-09T10:35:27.038Z","1.1.0-beta.100":"2021-07-09T11:27:27.660Z","1.1.0-beta.101":"2021-07-09T12:46:35.857Z","1.1.0-beta.102":"2021-07-12T04:51:06.443Z","1.1.0-beta.103":"2021-07-13T06:16:46.360Z","1.1.0-beta.104":"2021-07-15T14:50:10.117Z","1.1.0-beta.105":"2021-07-16T02:23:54.398Z","1.1.0-beta.106":"2021-07-16T03:01:17.372Z","1.1.0-beta.107":"2021-07-16T03:55:39.623Z","1.1.0-beta.108":"2021-07-19T06:14:55.158Z","1.1.0-beta.109":"2021-07-19T06:39:52.304Z","1.1.0-beta.110":"2021-07-19T11:55:22.559Z","1.1.0-beta.111":"2021-07-19T12:11:14.338Z","1.1.0-beta.112":"2021-07-20T07:16:08.440Z","1.1.0-beta.113":"2021-07-20T14:31:45.436Z","1.1.0-beta.114":"2021-07-26T06:02:10.287Z","1.1.0-beta.115":"2021-07-26T10:18:51.821Z","1.1.0-beta.116":"2021-07-30T08:42:00.799Z","1.1.0-beta.117":"2021-08-10T07:23:13.686Z","1.1.0-beta.118":"2021-08-12T01:10:05.811Z","1.1.0-beta.119":"2021-08-12T06:45:32.129Z","1.1.0-beta.120":"2021-08-12T07:06:38.600Z","1.1.0-beta.121":"2021-08-13T08:42:37.827Z","1.1.0-beta.122":"2021-08-13T09:07:45.751Z","1.1.0-beta.123":"2021-08-18T00:39:50.825Z","1.1.0-beta.124":"2021-08-18T07:02:42.731Z","1.1.0-beta.125":"2021-08-18T09:16:50.411Z","1.1.0-beta.126":"2021-08-20T08:20:09.209Z","1.1.0-beta.127":"2021-08-26T06:44:00.251Z","1.1.0-beta.128":"2021-08-27T01:05:55.623Z","1.1.0-beta.129":"2021-08-30T04:08:24.673Z","1.1.0-beta.130":"2021-08-30T05:51:09.962Z","1.1.0-beta.131":"2021-09-02T05:33:35.958Z","1.1.0-beta.132":"2021-09-09T07:58:17.883Z","1.1.0-beta.133":"2021-09-13T08:10:32.953Z","1.1.0-beta.134":"2021-09-13T14:54:44.795Z","1.1.0-beta.135":"2021-09-15T06:23:50.644Z","1.1.0-beta.136":"2021-09-15T07:35:59.132Z","1.1.0-beta.137":"2021-09-27T05:36:54.722Z","1.1.0-beta.138":"2021-09-30T09:29:21.014Z","1.1.0-beta.139":"2021-10-01T05:29:05.303Z","1.1.0-beta.140":"2021-10-01T07:06:17.256Z","1.1.0-beta.141":"2021-10-01T08:15:16.454Z","1.1.0-beta.142":"2021-10-06T07:26:58.106Z","1.1.0-beta.143":"2021-10-07T05:08:24.787Z","1.1.0-beta.144":"2021-10-07T05:42:55.169Z","1.1.0-beta.145":"2021-10-21T06:33:40.533Z","1.1.0-beta.146":"2021-10-21T09:39:24.285Z","1.1.0-beta.147":"2021-10-25T04:25:25.664Z","1.1.0-beta.148":"2021-10-25T06:00:32.124Z","1.1.0-beta.149":"2021-10-25T08:17:26.232Z","1.1.0-beta.150":"2021-10-26T02:04:53.960Z","1.1.0-beta.151":"2021-10-26T08:25:51.824Z","1.1.0-beta.152":"2021-10-28T07:54:43.984Z","1.1.0-beta.153":"2021-10-28T08:51:01.824Z","1.1.0-beta.154":"2021-10-28T09:10:28.236Z","1.1.0-beta.155":"2021-10-28T09:22:57.271Z","1.1.0-beta.156":"2021-10-29T02:04:31.540Z","1.1.0-beta.157":"2021-11-02T07:41:16.039Z","1.1.0-beta.158":"2021-11-02T12:57:16.338Z","1.1.0-beta.159":"2021-11-03T01:40:48.483Z","1.1.0-beta.160":"2021-11-03T13:46:04.752Z","1.1.0-beta.161":"2021-11-04T02:43:55.786Z","1.1.0-beta.162":"2021-11-04T06:01:47.085Z","1.1.0-beta.163":"2021-11-04T06:37:55.995Z","1.1.0-beta.164":"2021-11-04T07:40:46.796Z","1.1.0-beta.165":"2021-11-05T07:09:55.956Z","1.1.0-beta.166":"2021-11-08T02:58:28.900Z","1.1.0-beta.167":"2021-11-08T08:27:38.064Z","1.1.0-beta.168":"2021-11-09T06:11:07.138Z","1.1.0-beta.169":"2021-11-09T07:55:30.756Z","1.1.0-beta.170":"2021-11-09T08:37:03.598Z","1.1.0-beta.171":"2021-11-09T09:18:00.376Z","1.1.0-beta.172":"2021-11-09T10:33:02.342Z","1.1.0-beta.173":"2021-11-11T06:26:39.559Z","1.1.0-beta.174":"2021-11-11T08:29:37.879Z","1.1.0-beta.175":"2021-11-11T09:03:11.005Z","1.1.0-beta.176":"2021-11-12T02:10:05.770Z","1.1.0-beta.177":"2021-11-12T06:18:27.752Z","1.1.0-beta.178":"2021-11-12T07:30:26.206Z","1.1.0-beta.179":"2021-11-17T07:25:14.428Z","1.1.0-beta.180":"2021-11-18T05:15:07.450Z","1.1.0-beta.181":"2021-11-18T06:12:48.346Z","1.1.0-beta.182":"2021-11-18T07:04:36.714Z","1.1.0-beta.183":"2021-11-19T02:38:19.135Z","1.1.0-beta.184":"2021-11-19T14:25:54.036Z","1.1.0-beta.185":"2021-11-22T08:37:00.226Z","1.1.0-beta.186":"2021-11-23T08:04:43.534Z","1.1.0-beta.187":"2021-11-24T02:33:45.447Z","1.1.0-beta.188":"2021-11-24T09:06:47.749Z","1.1.0-beta.189":"2021-11-24T10:59:05.111Z","1.1.0-beta.190":"2021-11-26T09:25:26.880Z","1.1.0-beta.191":"2021-12-01T07:52:42.772Z","1.1.0-beta.192":"2021-12-03T09:32:23.658Z","1.1.0-beta.193":"2021-12-03T09:39:48.630Z","1.1.0-beta.194":"2021-12-03T10:06:12.101Z","1.1.0-beta.195":"2021-12-06T07:27:27.688Z","1.1.0-beta.196":"2021-12-06T07:46:52.806Z","1.1.0-beta.197":"2021-12-06T09:52:32.838Z","1.1.0-beta.198":"2021-12-07T05:11:05.420Z","1.1.0-beta.199":"2021-12-08T03:13:30.464Z","1.1.0-beta.200":"2021-12-09T03:19:01.477Z","1.1.0-beta.201":"2021-12-09T04:12:16.147Z","1.1.0-beta.202":"2021-12-09T09:49:11.551Z","1.1.0-beta.203":"2021-12-10T05:37:37.803Z","1.1.0-beta.204":"2021-12-10T07:44:28.312Z","1.1.0-beta.205":"2021-12-14T07:00:03.212Z","1.1.0-beta.206":"2021-12-15T00:48:46.722Z","1.1.0-beta.207":"2021-12-15T01:29:21.805Z","1.1.0-beta.208":"2021-12-16T00:25:57.906Z","1.1.0-beta.209":"2021-12-17T09:34:00.146Z","1.1.0-beta.210":"2021-12-20T05:58:42.163Z","1.1.0-beta.211":"2021-12-21T08:35:11.319Z","1.1.0-beta.212":"2021-12-21T08:58:36.274Z","1.1.0-beta.213":"2021-12-21T13:11:42.770Z","1.1.0-beta.214":"2021-12-23T05:52:05.566Z","1.1.0-beta.215":"2021-12-23T07:53:55.323Z","1.1.0-beta.216":"2021-12-23T10:24:48.531Z","1.1.0-beta.217":"2021-12-24T01:01:56.664Z","1.1.0-beta.218":"2021-12-24T04:51:44.723Z","1.1.0-beta.219":"2021-12-27T06:13:36.833Z","1.1.0-beta.220":"2021-12-27T08:01:46.003Z","1.1.0-beta.221":"2021-12-27T15:49:25.629Z","1.1.0-beta.222":"2021-12-28T03:03:35.984Z","1.1.0-beta.223":"2021-12-28T08:32:02.890Z","1.1.0-beta.224":"2021-12-28T09:05:36.432Z","1.1.0-beta.225":"2021-12-28T18:10:00.111Z","1.1.0-beta.226":"2021-12-29T08:53:02.678Z","1.1.0-beta.227":"2022-01-18T09:03:46.342Z","1.1.0-beta.228":"2022-01-20T01:16:56.259Z","1.1.0-beta.229":"2022-01-20T04:24:58.925Z","1.1.0-beta.230":"2022-01-25T06:08:22.691Z","1.1.0-beta.231":"2022-01-26T00:45:44.228Z","1.1.0-beta.232":"2022-02-07T13:18:21.123Z","1.1.0-beta.233":"2022-02-07T13:51:28.398Z","1.1.0-beta.234":"2022-02-07T15:55:40.650Z","1.1.0-beta.235":"2022-02-08T07:20:26.332Z","1.1.0-beta.236":"2022-02-08T07:55:26.597Z","1.1.0-beta.237":"2022-02-08T12:29:18.153Z","1.1.0-beta.238":"2022-02-08T13:11:16.192Z","1.1.0-beta.239":"2022-02-11T15:10:29.366Z","1.1.0-beta.240":"2022-02-14T07:39:10.440Z","1.1.0-beta.241":"2022-02-14T09:18:54.964Z","1.1.0-beta.242":"2022-02-18T06:41:58.349Z","1.1.0-beta.243":"2022-02-21T10:13:00.760Z","1.1.0-beta.244":"2022-02-22T03:56:18.377Z","1.1.0-beta.245":"2022-02-23T01:07:29.191Z","1.1.0-beta.246":"2022-02-23T02:51:25.195Z","1.1.0-beta.247":"2022-02-23T06:41:07.045Z","1.1.0-beta.248":"2022-02-24T02:05:05.017Z","1.1.0-beta.249":"2022-02-24T08:21:58.883Z","1.1.0-beta.250":"2022-02-24T11:19:55.589Z","1.1.0-beta.251":"2022-03-02T08:39:57.724Z","1.1.0-beta.252":"2022-03-03T02:29:36.105Z","1.1.0-beta.253":"2022-03-03T03:17:17.305Z","1.1.0-beta.254":"2022-03-03T06:20:08.040Z","1.1.0-beta.255":"2022-03-03T07:27:46.924Z","1.1.0-beta.256":"2022-03-03T10:04:04.570Z","1.1.0-beta.257":"2022-03-04T05:14:55.696Z","1.1.0-beta.258":"2022-03-07T07:35:53.379Z","1.1.0-beta.259":"2022-03-07T10:32:48.292Z","1.1.0-beta.260":"2022-03-11T04:25:01.183Z","1.1.0-beta.261":"2022-03-11T05:07:26.939Z","1.1.0-beta.262":"2022-03-12T05:19:14.719Z","1.1.0-beta.263":"2022-03-14T01:13:34.920Z","1.1.0-beta.264":"2022-03-14T07:27:28.265Z","1.1.0-beta.265":"2022-03-18T00:10:55.302Z","1.1.0-beta.266":"2022-03-21T02:53:57.008Z","1.1.0-beta.267":"2022-03-21T07:41:08.926Z","1.1.0-beta.268":"2022-03-21T08:27:41.717Z","1.1.0-beta.269":"2022-03-22T12:34:03.478Z","1.1.0-beta.270":"2022-03-23T04:53:48.060Z","1.1.0-beta.271":"2022-03-25T05:50:03.565Z","1.1.0-beta.272":"2022-03-25T16:48:57.414Z","1.1.0-beta.273":"2022-03-31T07:28:56.606Z","1.1.0-beta.274":"2022-04-08T08:18:24.412Z","1.1.0-beta.275":"2022-04-11T10:35:21.875Z","1.1.0-beta.276":"2022-04-11T15:41:44.484Z","1.1.0-beta.277":"2022-04-13T04:48:43.234Z","1.1.0-beta.278":"2022-04-13T07:08:50.000Z","1.1.0-beta.279":"2022-04-14T02:30:33.760Z","1.1.0-beta.280":"2022-04-19T01:54:45.515Z","1.1.0-beta.281":"2022-04-19T08:32:52.872Z","1.1.0-beta.282":"2022-04-21T01:26:53.855Z","1.1.0-beta.283":"2022-04-25T10:07:58.396Z","1.1.0-beta.284":"2022-04-26T02:41:44.172Z","1.1.0-beta.285":"2022-04-27T09:02:17.113Z","1.1.0-beta.286":"2022-04-28T08:25:56.846Z","1.1.0-beta.287":"2022-04-29T01:51:03.848Z","1.1.0-beta.288":"2022-04-29T02:45:20.914Z","1.1.0-beta.289":"2022-05-03T01:33:35.063Z","1.1.0-beta.290":"2022-05-03T08:53:00.697Z","1.1.0-beta.291":"2022-05-03T11:09:40.382Z","1.1.0-beta.292":"2022-05-04T02:10:55.743Z","1.1.0-beta.293":"2022-05-04T06:50:55.572Z","1.1.0-beta.294":"2022-05-11T04:12:05.004Z","1.1.0-beta.295":"2022-05-11T09:53:25.901Z","1.1.0-beta.296":"2022-05-16T06:52:19.079Z","1.1.0-beta.297":"2022-05-16T08:56:08.146Z","1.1.0-beta.298":"2022-05-16T10:04:54.437Z","1.1.0-beta.299":"2022-05-16T13:36:57.644Z","1.1.0-beta.300":"2022-05-17T03:14:09.202Z","1.1.0-beta.301":"2022-05-17T05:13:46.379Z","1.1.0-beta.302":"2022-05-17T09:16:54.062Z","1.1.0-beta.303":"2022-05-17T10:38:49.207Z","1.1.0-beta.304":"2022-05-18T05:32:43.433Z","1.1.0-beta.305":"2022-05-18T06:08:30.372Z","1.1.0-beta.306":"2022-05-18T06:44:06.379Z","1.1.0-beta.307":"2022-05-18T14:05:04.053Z","1.1.0-beta.308":"2022-05-19T14:44:24.077Z","1.1.0-beta.309":"2022-05-23T03:10:36.096Z","1.1.0-beta.310":"2022-05-23T04:43:53.789Z","1.1.0-beta.311":"2022-05-23T04:58:04.765Z","1.1.0-beta.312":"2022-05-23T05:46:26.544Z","1.1.0-beta.313":"2022-05-23T06:16:15.490Z","1.1.0-beta.314":"2022-05-23T08:14:05.746Z","1.1.0-beta.315":"2022-05-23T09:05:23.941Z","1.1.0-beta.316":"2022-05-24T00:00:17.255Z","1.1.0-beta.317":"2022-05-27T02:34:36.282Z","1.1.0-beta.318":"2022-05-27T06:54:09.754Z","1.1.0-beta.319":"2022-05-27T07:24:59.576Z","1.1.0-beta.320":"2022-05-30T01:43:51.863Z","1.1.0-beta.321":"2022-06-07T08:57:44.499Z","1.1.0-beta.322":"2022-06-10T03:03:55.525Z","1.1.0-beta.323":"2022-06-10T06:37:37.239Z","1.1.0-beta.324":"2022-06-10T08:59:27.515Z","1.1.0-beta.325":"2022-06-10T09:39:55.760Z","1.1.0-beta.326":"2022-06-13T09:16:50.230Z","1.1.0-beta.327":"2022-06-13T09:30:12.263Z","1.1.0-beta.328":"2022-06-15T06:48:20.270Z","1.1.0-beta.329":"2022-06-15T07:30:06.905Z","1.1.0-beta.330":"2022-06-16T05:51:34.022Z","1.1.0-beta.331":"2022-06-20T05:10:53.179Z","1.1.0-beta.332":"2022-06-21T07:32:00.859Z","1.1.0-beta.333":"2022-06-30T02:24:12.746Z","1.1.0-beta.334":"2022-06-30T06:47:16.470Z","1.1.0-beta.335":"2022-07-04T00:21:01.450Z","1.1.0-beta.336":"2022-07-05T02:10:22.919Z","1.1.0-beta.337":"2022-07-05T03:13:38.383Z","1.1.0-beta.338":"2022-07-05T04:32:03.572Z","1.1.0-beta.339":"2022-07-05T08:21:14.409Z","1.1.0-beta.340":"2022-07-05T09:31:29.780Z","1.1.0-beta.341":"2022-07-06T08:04:51.195Z","1.1.0-beta.342":"2022-07-07T11:02:06.702Z","1.1.0-beta.343":"2022-07-07T11:47:41.509Z","1.1.0-beta.344":"2022-07-13T10:22:23.532Z","1.1.0-beta.345":"2022-07-13T12:09:49.825Z","1.1.0-beta.346":"2022-07-14T07:28:48.255Z","1.1.0-beta.347":"2022-07-14T07:45:12.381Z","1.1.0-beta.348":"2022-07-15T07:37:44.208Z","1.1.0-beta.349":"2022-07-18T09:01:52.642Z","1.1.0-beta.350":"2022-07-18T10:27:58.702Z","1.1.0-beta.351":"2022-07-18T10:49:23.548Z","1.1.0-beta.352":"2022-07-19T04:29:36.451Z","1.1.0-beta.353":"2022-07-19T13:53:37.084Z","1.1.0-beta.354":"2022-07-19T14:02:05.637Z","1.1.0-beta.355":"2022-07-20T07:24:10.749Z","1.1.0-beta.356":"2022-07-21T01:03:12.777Z","1.1.0-beta.357":"2022-07-21T05:15:39.389Z","1.1.0-beta.358":"2022-07-21T11:57:14.479Z","1.1.0-beta.359":"2022-07-27T02:23:39.185Z","1.1.0-beta.360":"2022-07-29T07:13:32.859Z","1.1.0-beta.361":"2022-08-04T04:50:49.965Z","1.1.0-beta.362":"2022-08-04T07:17:53.002Z","1.1.0-beta.363":"2022-08-04T10:59:38.879Z","1.1.0-beta.364":"2022-08-05T09:13:06.353Z","1.1.0-beta.365":"2022-08-05T09:28:14.385Z","1.1.0-beta.366":"2022-08-05T09:40:59.762Z","1.1.0-beta.367":"2022-08-09T04:09:23.566Z","1.1.0-beta.368":"2022-08-12T08:10:51.630Z","1.1.0-beta.369":"2022-08-16T07:37:11.183Z","1.1.0-beta.370":"2022-08-17T08:21:28.217Z","1.1.0-beta.371":"2022-08-19T05:41:22.562Z","1.1.0-beta.372":"2022-08-19T06:51:08.897Z","1.1.0-beta.373":"2022-08-25T02:45:31.469Z","1.1.0-beta.374":"2022-08-25T05:03:41.171Z","1.1.0-beta.375":"2022-08-25T06:27:41.610Z","1.1.0-beta.376":"2022-08-30T06:02:43.596Z","1.1.0-beta.377":"2022-08-31T04:13:53.457Z","1.1.0-beta.378":"2022-08-31T08:12:49.126Z","1.1.0-beta.379":"2022-09-02T02:43:24.819Z","1.1.0-beta.380":"2022-09-02T02:57:53.203Z","1.1.0-beta.381":"2022-09-02T04:30:19.332Z","1.1.0-beta.382":"2022-09-02T04:56:02.906Z","1.1.0-beta.383":"2022-09-05T10:00:24.233Z","1.1.0-beta.384":"2022-09-05T10:12:27.537Z","1.1.0-beta.385":"2022-09-06T01:46:50.175Z","1.1.0-beta.386":"2022-09-06T05:28:42.195Z","1.1.0-beta.387":"2022-09-06T08:18:23.054Z","1.1.0-beta.388":"2022-09-07T08:49:09.057Z","1.1.0-beta.389":"2022-09-08T03:48:52.213Z","1.1.0-beta.390":"2022-09-08T04:29:09.543Z","1.1.0-beta.391":"2022-09-13T02:29:20.219Z","1.1.0-beta.392":"2022-09-14T10:13:27.583Z","1.1.0-beta.393":"2022-09-23T05:27:46.901Z","1.1.0-beta.394":"2022-09-23T08:15:40.488Z","1.1.0-beta.395":"2022-09-23T08:46:20.969Z","1.1.0-beta.396":"2022-09-26T06:41:57.276Z","1.1.0-beta.397":"2022-09-26T07:19:36.696Z","1.1.0-beta.398":"2022-09-26T09:04:27.174Z","1.1.0-beta.399":"2022-09-26T11:31:33.319Z","1.1.0-beta.400":"2022-09-27T02:42:06.517Z","1.1.0-beta.401":"2022-09-27T03:35:54.814Z","1.1.0-beta.402":"2022-09-27T03:54:34.631Z","1.1.0-beta.403":"2022-09-27T05:04:06.864Z","1.1.0-beta.404":"2022-09-27T07:45:49.794Z","1.1.0-beta.405":"2022-09-29T05:45:32.926Z","1.1.0-beta.406":"2022-09-29T06:58:24.147Z","1.1.0-beta.407":"2022-09-29T07:57:41.666Z","1.1.0-beta.408":"2022-09-30T00:22:51.314Z","1.1.0-beta.409":"2022-09-30T06:35:38.951Z","1.1.0-beta.410":"2022-10-04T04:08:13.108Z","1.1.0-beta.411":"2022-10-04T08:56:49.611Z","1.1.0-beta.412":"2022-10-06T01:48:27.104Z","1.1.0-beta.413":"2022-10-06T05:03:05.008Z","1.1.0-beta.414":"2022-10-06T07:06:05.343Z","1.1.0-beta.415":"2022-10-12T06:39:24.086Z","1.1.0-beta.416":"2022-10-12T06:49:53.826Z","1.1.0-beta.417":"2022-10-12T08:55:25.454Z","1.1.0-beta.418":"2022-10-12T11:35:29.313Z","1.1.0-beta.419":"2022-10-13T05:44:27.541Z","1.1.0-beta.420":"2022-10-13T08:24:16.971Z","1.1.0-beta.421":"2022-10-14T06:38:00.274Z","1.1.0-beta.422":"2022-10-14T07:28:25.946Z","1.1.0-beta.423":"2022-10-17T03:00:52.134Z","1.1.0-beta.424":"2022-10-17T08:12:12.178Z","1.1.0-beta.425":"2022-10-18T02:57:34.663Z","1.1.0-beta.426":"2022-10-18T07:59:21.323Z","1.1.0-beta.427":"2022-10-18T08:47:50.778Z","1.1.0-beta.428":"2022-10-19T12:17:01.307Z","1.1.0-beta.429":"2022-10-20T04:15:14.477Z","1.1.0-beta.430":"2022-10-20T06:14:59.669Z","1.1.0-beta.431":"2022-10-20T07:27:06.464Z","1.1.0-beta.432":"2022-10-24T07:03:11.255Z","1.1.0-beta.433":"2022-10-24T08:23:11.125Z","1.1.0-beta.434":"2022-10-25T05:49:55.618Z","1.1.0-beta.435":"2022-10-25T08:19:01.958Z","1.1.0-beta.436":"2022-10-25T08:37:29.552Z","1.1.0-beta.437":"2022-10-25T12:56:49.967Z","1.1.0-beta.438":"2022-10-26T01:55:10.757Z","1.1.0-beta.439":"2022-10-31T00:23:23.415Z","1.1.0-beta.440":"2022-10-31T01:58:30.175Z","1.1.0-beta.441":"2022-10-31T04:20:45.731Z","1.1.0-beta.442":"2022-10-31T05:11:04.854Z","1.1.0-beta.443":"2022-10-31T09:46:35.396Z","1.1.0-beta.444":"2022-11-01T06:35:11.573Z","1.1.0-beta.445":"2022-11-01T09:11:58.682Z","1.1.0-beta.446":"2022-11-02T01:43:08.981Z","1.1.0-beta.447":"2022-11-03T05:25:53.589Z","1.1.0-beta.448":"2022-11-04T02:45:57.025Z","1.1.0-beta.449":"2022-11-08T01:13:43.047Z","1.1.0-beta.450":"2022-11-09T13:05:52.784Z","1.1.0-beta.451":"2022-11-15T01:15:13.803Z","1.1.0-beta.452":"2022-11-15T07:28:59.237Z","1.1.0-beta.453":"2022-11-15T08:02:52.326Z","1.1.0-beta.454":"2022-11-17T00:52:10.999Z","1.1.0-beta.455":"2022-11-17T07:21:36.323Z","1.1.0-beta.456":"2022-11-22T06:53:27.518Z","1.1.0-beta.457":"2022-11-22T08:48:32.217Z","1.1.0-beta.458":"2022-11-29T02:22:14.348Z","1.1.0-beta.459":"2022-11-29T09:58:29.259Z","1.1.0-beta.460":"2022-12-05T05:03:17.630Z","1.1.0-beta.461":"2022-12-05T08:39:27.181Z","1.1.0-beta.462":"2022-12-07T08:29:50.842Z","1.1.0-beta.463":"2022-12-08T07:31:35.345Z","1.1.0-beta.464":"2022-12-08T08:25:27.220Z","1.1.0-beta.465":"2022-12-09T06:11:10.715Z","1.1.0-beta.466":"2022-12-12T06:37:47.543Z","1.1.0-beta.467":"2022-12-12T07:21:42.760Z","1.1.0-beta.468":"2022-12-12T08:20:58.569Z","1.1.0-beta.469":"2022-12-12T09:40:08.240Z","1.1.0-beta.470":"2022-12-13T05:33:45.015Z","1.1.0-beta.471":"2022-12-13T06:05:59.017Z","1.1.0-beta.472":"2022-12-13T07:02:51.973Z","1.1.0-beta.473":"2022-12-13T09:07:52.645Z","1.1.0-beta.474":"2022-12-13T10:53:12.632Z","1.1.0-beta.475":"2022-12-14T04:40:44.300Z","1.1.0-beta.476":"2022-12-15T10:07:17.160Z","1.1.0-beta.477":"2022-12-19T04:18:59.732Z","1.1.0-beta.478":"2022-12-20T04:32:32.442Z","1.1.0-beta.479":"2022-12-20T06:58:04.732Z","1.1.0-beta.480":"2022-12-20T08:23:13.574Z","1.1.0-beta.481":"2022-12-20T08:53:13.428Z","1.1.0-beta.482":"2022-12-20T09:26:38.299Z","1.1.0-beta.483":"2022-12-20T10:12:29.668Z","1.1.0-beta.484":"2022-12-21T01:27:59.021Z","1.1.0-beta.485":"2022-12-21T02:21:55.935Z","1.1.0-beta.486":"2022-12-21T03:20:29.648Z","1.1.0-beta.487":"2022-12-21T07:06:39.311Z","1.1.0-beta.488":"2022-12-21T07:58:43.234Z","1.1.0-beta.489":"2022-12-21T09:33:18.936Z","1.1.0-beta.490":"2022-12-21T12:20:33.334Z","1.1.0-beta.491":"2022-12-22T06:08:38.072Z","1.1.0-beta.492":"2022-12-22T06:22:50.703Z","1.1.0-beta.493":"2022-12-22T07:57:09.241Z","1.1.0-beta.494":"2022-12-22T13:43:57.283Z","1.1.0-beta.495":"2022-12-27T01:38:00.306Z","1.1.0-beta.496":"2022-12-27T02:00:54.922Z","1.1.0-beta.497":"2022-12-28T06:30:53.693Z","1.1.0-beta.498":"2022-12-28T09:38:57.309Z","1.1.0-beta.499":"2022-12-29T02:24:25.997Z","1.1.0-beta.500":"2022-12-29T13:17:10.968Z","1.1.0-beta.501":"2023-01-01T13:05:42.415Z","1.1.0-beta.502":"2023-01-03T10:30:28.746Z","1.1.0-beta.503":"2023-01-03T12:27:46.565Z","1.1.0-beta.504":"2023-01-04T06:42:48.362Z","1.1.0-beta.505":"2023-01-04T07:18:43.235Z","1.1.0-beta.506":"2023-01-04T07:32:27.151Z","1.1.0-beta.507":"2023-01-04T10:26:01.815Z","1.1.0-beta.508":"2023-01-04T12:00:08.271Z","1.1.0-beta.509":"2023-01-05T06:54:24.192Z","1.1.0-beta.510":"2023-01-05T13:29:55.093Z","2.0.0-beta.1":"2023-01-05T13:53:43.656Z","2.0.0-beta.2":"2023-01-10T03:01:32.081Z","2.0.0-beta.3":"2023-01-10T09:49:11.451Z","2.0.0-beta.4":"2023-01-12T10:16:52.508Z","2.0.0-beta.5":"2023-01-13T01:52:34.256Z","2.0.0-beta.6":"2023-01-13T04:15:30.105Z","2.0.0-beta.7":"2023-01-13T04:40:52.463Z","2.0.0-beta.8":"2023-01-13T05:07:29.873Z","2.0.0-beta.9":"2023-01-13T10:42:48.824Z","2.0.0-beta.10":"2023-01-16T02:01:54.836Z","2.0.0-beta.11":"2023-01-16T06:31:53.661Z","2.0.0-beta.12":"2023-01-17T05:50:48.532Z","2.0.0-beta.13":"2023-01-17T07:36:35.999Z","2.0.0-beta.14":"2023-01-17T07:55:44.617Z","2.0.0-beta.15":"2023-01-18T01:13:25.838Z","2.0.0-beta.16":"2023-01-18T07:56:22.447Z","2.0.0-beta.17":"2023-01-18T08:47:51.103Z","2.0.0-beta.18":"2023-01-18T09:05:56.229Z","2.0.0-beta.19":"2023-01-18T16:40:26.933Z","2.0.0-beta.20":"2023-01-19T02:55:42.342Z","2.0.0-beta.21":"2023-01-19T07:13:48.524Z","2.0.0-beta.22":"2023-01-19T07:46:51.676Z","2.0.0-beta.23":"2023-01-19T12:40:43.296Z","2.0.0-beta.24":"2023-01-20T01:52:05.906Z","2.0.0-beta.25":"2023-01-25T08:10:40.905Z","2.0.0-beta.26":"2023-01-26T05:38:25.990Z","2.0.0-beta.27":"2023-01-26T08:48:53.846Z","2.0.0-beta.28":"2023-01-26T09:56:30.972Z","2.0.0-beta.29":"2023-01-26T10:05:39.717Z","2.0.0-beta.30":"2023-01-27T02:09:22.362Z","2.0.0-beta.31":"2023-01-27T07:06:51.570Z","2.0.0-beta.32":"2023-01-30T08:01:23.026Z","2.0.0-beta.33":"2023-01-30T08:16:48.255Z","2.0.0-beta.34":"2023-02-01T07:54:40.036Z","2.0.0-beta.35":"2023-02-01T09:11:06.279Z","2.0.0-beta.36":"2023-02-07T01:53:25.233Z","2.0.0-beta.37":"2023-02-07T02:08:39.554Z","2.0.0-beta.38":"2023-02-07T04:32:48.133Z","2.0.0-beta.39":"2023-02-07T06:08:24.417Z","2.0.0-console-release-1.11.0.1":"2023-02-07T06:36:02.053Z","2.0.0-console-release-1.11.0.2":"2023-02-07T07:18:48.441Z","2.0.0-beta.40":"2023-02-08T01:46:58.394Z","2.0.0-beta.41":"2023-02-08T08:50:30.428Z","2.0.0-beta.33.1":"2023-02-08T09:41:59.420Z","2.0.0-beta.42":"2023-02-08T10:19:36.976Z","2.0.0-beta.33.2":"2023-02-08T10:34:43.496Z","2.0.0-beta.33.3":"2023-02-09T01:18:37.380Z","2.0.0-beta.43":"2023-02-09T01:24:42.833Z","2.0.0-beta.44":"2023-02-10T03:03:43.320Z","2.0.0-beta.45":"2023-02-13T05:16:58.477Z","2.0.0-beta.46":"2023-02-13T05:34:56.806Z","2.0.0-beta.47":"2023-02-13T06:12:31.484Z","2.0.0-beta.48":"2023-02-13T07:18:25.903Z","2.0.0-beta.49":"2023-02-14T05:46:35.149Z","2.0.0-beta.50":"2023-02-14T06:06:24.666Z","2.0.0-beta.51":"2023-02-14T07:14:30.082Z","2.0.0-beta.52":"2023-02-15T05:07:45.686Z","2.0.0-beta.53":"2023-02-15T08:24:49.176Z","2.0.0-beta.54":"2023-02-16T07:37:05.494Z","2.0.0-beta.55":"2023-02-16T07:53:27.920Z","2.0.0-beta.56":"2023-02-16T08:55:59.847Z","2.0.0-beta.57":"2023-02-16T09:18:19.551Z","2.0.0-beta.58":"2023-02-16T09:41:22.052Z","2.0.0-beta.33.4":"2023-02-23T01:39:37.058Z","2.0.0-beta.33.5":"2023-02-23T07:34:24.653Z","2.0.0-beta.59":"2023-02-23T08:32:41.793Z","2.0.0-beta.33.6":"2023-02-23T09:22:52.588Z","2.0.0-beta.60":"2023-02-24T06:50:35.175Z","2.0.0-beta.61":"2023-02-27T04:07:29.483Z","2.0.0-beta.33.7":"2023-02-27T07:04:43.469Z","2.0.0-beta.62":"2023-02-27T07:06:41.666Z","2.0.0-beta.63":"2023-02-27T09:03:48.143Z","2.0.0-beta.64":"2023-03-03T06:12:27.237Z","2.0.0-beta.65":"2023-03-03T06:22:27.879Z","2.0.0-beta.66":"2023-03-03T08:30:42.623Z","2.0.0-beta.67":"2023-03-06T08:00:31.754Z","2.0.0-beta.68":"2023-03-07T08:33:32.325Z","2.0.0-beta.69":"2023-03-08T01:07:46.071Z","2.0.0-beta.70":"2023-03-09T01:26:52.062Z","2.0.0-beta.71":"2023-03-13T05:54:13.585Z","2.0.0-beta.72":"2023-03-14T08:25:58.867Z","2.0.0-beta.73":"2023-03-23T02:06:21.426Z","2.0.0-beta.74":"2023-03-23T07:55:36.178Z","2.0.0-beta.75":"2023-03-24T01:58:15.403Z","2.0.0-beta.33.8":"2023-03-24T09:51:18.333Z","2.0.0-beta.76":"2023-03-24T10:23:20.585Z","2.0.0-beta.77":"2023-03-28T01:37:27.686Z","2.0.0-beta.33.9":"2023-03-28T02:06:04.031Z","2.0.0-beta.78":"2023-03-28T06:43:24.513Z","2.0.0-beta.79":"2023-04-04T04:55:25.344Z","2.0.0-beta.80":"2023-04-05T07:01:13.085Z","2.0.0-beta.81":"2023-04-07T04:35:50.648Z"},"maintainers":[{"name":"spaceone-admin","email":"admin@spaceone.dev"},{"name":"wanjin","email":"wanjin@mz.co.kr"},{"name":"siyeons","email":"sylee@mz.co.kr"},{"name":"ydh0110","email":"yuda@mz.co.kr"}],"description":"SpaceONE Design System","contributors":[{"name":"Here is a list of CONTRIBUTORS:"},{"name":"Jeongae Kim","email":"kja0717@gmail.com"},{"name":"Wanjin Noh","email":"wanjin911003@gmail.com"},{"name":"Siyeon Lee","email":"siyeonleeme@gmail.com"},{"name":"Dahyeon Yu","email":"yuda@gmail.com"},{"name":"Songyi Kim","email":"songyi8674@gmail.com"},{"name":"Jaehyeon Shin","email":"wesky93@gmail.com"}],"author":{"name":"SpaceONE"},"license":"Apache-2.0","readme":"","readmeFilename":"","homepage":"https://github.com/spaceone-dev/spaceone-design-system#readme","keywords":["spaceone","design system","vue","vuejs","ui library","component"],"repository":{"type":"git","url":"git+https://github.com/spaceone-dev/spaceone-design-system.git"},"bugs":{"url":"https://github.com/spaceone-dev/spaceone-design-system/issues","email":"admin@spaceone.dev"}}